JavaScript必备知识

Posted 2020-09-13 bonly-ge

1. 数据类型

   字符串：字符串用来储存一系列字符，放到引号里面，单引号和双引号的效果一样。

   例如：var a=" bongly-ge"; var a=‘bonly-ge‘; 效果一样，其中var是定义变量a，意思就是表明a是一个变量，现在里面的值是字符串bonly-ge，javascript里面不能凭空出现任何一个变量，所以必须声明。注意：引号的使用和混合使用，后期会有无意义字符也需要声明，例如后期制做计时器会用到，声明方式为var tick; 等特殊声明的方式。

    

   数字： 1 2 3 4…..例如： var I = 5; var j = 2; alert（i+j）; 也可以var I,j,k; i=5;j=2; k=i+j; alert(k); 注意：效果一样，用后者的时候变量之间要用英文逗号隔开，alert    后面没有"="这个符号。

    

   布尔：布尔值就两个值，一个是true(真)用数值1表示，一个是false(假)用数值0 表示。主要用在if判断语句中。

    

   数组：数组是数和字符串的集合，也可以是混合在一起。有两种写法，一种是var z=new Array( 1,"2",‘3‘, "ab",‘ adc‘ ) ;， 另一种是var z = [1,"2",‘3‘, "ab",‘ adc‘];，注意两者用的括号不一样，里面各个元素之间都是用逗号隔开，里面每一个元素都应该有自己的引号，即使都是字符串也不能省略或者其他形式，必须严格按照规定格式。利用alert（z[1]）;可以弹出相应的元素，其中z[]中括号里面的内容为数组元素的下角标。

    

   对象： 定义一个对象用大括号括起来，里面是name(名字)和value(值)，属性中间用逗号隔开，例如 var person{name:" bongly" , age:" 24", sex:"male"};注意：value值要用引号引起来，单双引号都可以，但要成对出现。调用方式有两种，age=person. age; age =person["age"];第一种常用，语法是变量=对象.name。

   Null: 空值

   Undefind: 未定义

   Constructor/typeof：类型，我们可以通过弹出typeof属性来检查相应元素的类型从而判断是什么类型。

    

   更具体请参考http://www.w3school.com.cn/js/js_datatypes.asp

    

    

2. 运算符

算数运算符：+ 加法如果是字符之间的加号就是连字符 例如 ： var a=2; var b=3; alert(a+b); 弹出的是5，var a=2; var b=‘3‘; alert(a+b);弹出的是23；

- 数学运算减号 例如 ： var a=3; var b=2; alert(a-b); 弹出的是1，var a=3; var b=‘2‘; alert(a-b);弹出的也是1；

* 数学运算乘法 例如 ： var a=2; var b=3; alert(a*b); 弹出的是6，var a=2; var b=‘3‘; alert(a*b);弹出的也是6；

/ 数学运算除法 例如 ： var a=6; var b=2; alert(a/b); 弹出的是3，var a=6; var b=‘2‘; alert(a/b);弹出的也是3；弹出的是商。

% 数学运算取余 例如 ： var a=6; var b=2; alert(a%b); 弹出的是0，var a=7; var b=2; alert(a%b); 弹出的是1，所以弹出的是余数。

++ 递增 -- 递减 利用++ 或者 - - 来实现循环，实现自身的递加或者递减从而实现循环，例如i++的意思就是i=i+1;假如 i的初始值是2，经过i++后，i的值为3，假如 i的初始值是2，经过i--后，i的值为1。

比较运算符：= 等于号（用来赋值）； == 等于号（用于if判断）； === 绝对等于 （用于if判断除了数值以外属性也得相等，一般不用）； != 不等于 返回值为布尔值类型 ； !==绝对不等于 数值和类型都不能一样； >大于号 <小于号 <=小于等于 >=大于等于

逻辑运算符： 并且（与） && （a && b）a和b 两个条件都得符合为真 或者（非）|| （a || b）a和b 两个条件符合一个条件即为真 求反 ！例如：x=3,y=6; !(x==y)为真。

赋值运算符： = 等于号用来赋值。

更具体请参考http://www.w3cschool.cn/javascript/js-comparisons.html

1. 语法结构

   条件 if( 判断条件 ){ 条件成立 执行语句1 } else{ 条件不成立 执行语句2 }; if( 判断条件 ){ 条件成立执行语句 }; 注意if语句只有在为真的时候才执行，没有else。

   三目 x>y?alert( "1"): alert( "2"); 三目的写法是对if(){}else{ }语句的简写。但也有区别，if语句没有返回值，三目语句有返回值，例如： var i=1; if(i>1){ i=0 ; }else{i++};alert(i);弹出的是2；var i=1; if(i>1){ i=0 ; }else{++i};alert(i);弹出的也是2； 在三目语句中var i=1; i=i>1? 0:i++; alert(i);弹出的是1；在三目语句中var i=1; i=i>1? 0:++i; alert(i);弹出的是2。总结：三目运算有返回值，而if else没有函数值。也就是三目是先返回值在运算，而if else 没有返回直接运算出结果。

   分支 switch(n){case 标签1: 代码段1; break；case 标签2: 代码段2; break；}; switch语句中n通常为变量，并与大括号里面的case标签进行匹配，匹配成功后执行相应的代码段，然后通过break跳出switch语句。注意大括号里面的语法格式。

   循环 for ( 定义变量赋值 ; 条件判断 ; 执行3 ) { 执行函数 }; 经常使用，必须掌握。

   错误处理 try{//在这里运行代码} catch(err){ //在这里处理错误 } http://www.w3cschool.cn/javascript/js-errors.html

   更具体请参考http://www.w3cschool.cn/javascript/wopi12hp.html