JavaScript小白入门

javascript的使用:

(1)内部javacript:

(a)在html页面中使用标签,在标签体中写js内容

(a)在html页面中使用

(3)变量和数据类型

注意:

(a)使用var关键词定义变量,var可以省略的,但是不建议省略var。

(b) 在js中可以重复定义变量,后面定义的变量会覆盖前面的变量。

(c) js是弱类型语言,使用var来定义任何数据类型。

(d)js中变量的类型是由变量的值决定的,所以只定义不赋值的变量,就是一个未赋值变量(undefined),未赋值的变量不能使用。

typeof(变量): 查看变量的数据类型


(4)js的数据类型分类:

(a)number: 无论整数还是小数,都是number类型。

(b) string:  无论字符还是字符串,都是string类型。

(c) boolean。

(d) object  对象类型。

(5)类型转换函数

string->整数: parseInt(变量)

string->小数: parseFloat(变量)

注意:使用parseInt函数转换时,转换的内容中的第一个是数值类型,就可以继续转换,直到遇到非数组类型为止。


(6)运算符

(a)算术运算符: + - * /  %

(b)比较运算符: > <  >=  <= ==

(c)逻辑运算符: &&  ||  !

(d)三目运算符:  表达式 ? true的结果 : false的结果

注意:在js中,布尔值可以用true用1来代表,false用0来代表。


(7)流程控制语句

(a)if 语句

if(表达式){

  语句

            }else{

   语句

     }

条件可以是:

布尔值:true:成立 ; false:不成立

number:非0:成立; 0: 不成立

string: 非空字符串: 成立 ; 空字符串: 不成立

object: 非null: 成立;  null:不成立


(b)swtich语句

swtich(变量){

     case 选项1:

      语句;

      break;  如果不break,就会继续下面选项的语句

      case 选项2::

      语句;

      break;

      default:

       默认;

}

注意:

case的条件:

(a)可以是常量. string,number

(b)可以是变量。(java是不能是变量)

(c)可以是表达式 (java不能这样)


(c)for语句

for(初始化语句;判断进入条件;步长语句){

         语句

}


(d)while语句

while(表达式){ true的时候才进入循环

         语句

}


(e)do while语句

do{

语句

}while(表达式)


(f)for - in语句

for(var 遍历 in  数组|对象){

}

作用:

(a)遍历数组

(b)对象

注意:

遍历对象的时候,变量是属性的名称,如果获取属性值,则 p[i];


(g)with语句

用途:方便函数的调用

with(对象){

直接写对象的方法,无需写对象的名称

}


(8)函数

函数定义:

function 函数名称(形式参数列表){

语句

}

调用函数:

函数名称(实际参数列表);

注意:

(a)js的函数使用function定义,但是形式参数列表不能使用var关键词。

(b)js的函数可以有返回值,直接使用return关键词返回即可,不需要声明返回值类型

(c) js没有方法重载的概念,后面定义的函数会覆盖前面的函数。

(d)js中的形式参数和实际参数的数量可以不一致,依然可以调用。

(e)js的每个函数中都隐藏了一个叫arguments的数组,这个数组用于接收函数调用时传递过来的实际参数值。

(f)arguments数组接收完实际参数后,会逐一的依次从左到右赋值给形式参数,如果实际参数数量大于形式参数,则丢失剩下的实际参数。


(9)js内置对象

a)String对象

使用方式:

(1)var str1 = new String("hello");

(2)var str1 = "hello";

常用方法:

(1)charAt(): 返回指定索引的内容

(2)indexOf(): 返回首次出现指定字符的索引位置

(3)lastIndexOf(): 返回最后出现指定字符的索引位置

(4)fontcolor(): 直接给字符串添加颜色

(5)replace(): 替换指定的字符串

(6)split(): 使用指定字符串切割字符串,返回字符串数组

(7)substring(start,end); 截取字符串,start:开始索引, end:结束索引

(8)substr(strat,[length]) 截取字符串, start:开始索引 length: 截取的字符串长度


(b)Number对象

使用方式:

(1) var num1 = new Number(20);

(2) var num1 = 20;

(c)Math对象

常用方法

(1)ceil(): 向上取整。 如果有小数部分的话,整数部分直接+1。

(2)floor(): 向下取整。如果有小数部分的话,直接丢失小数部分,保利整数位。

(3) round(): 四舍五入取整。满5进一。

(4)random(): 生成一个随机的0-1的小数 .包含0,不包含1。

(5)max(): 返回最大值。

(6)min(): 返回最小值。


(d)Date对象


(e)Array数组



你可能感兴趣的:(JavaScript小白入门)