首页 > 代码库 > js初学总结1

js初学总结1

总结:
一:
var a = 10 + 20;
一元操作符、二元操作符、三元操作符 返回值 var n = 10 + 20; var a = 10; a++; ++a; var b = ++a; var b; b = ++a; 自增操作符放在操作数的前面,会把操作数加1之后的值作为返回值;自增操作符放在操作数的后面,会把操作数加1之前的值作为返回值 console.log(a); console.log(b);
var b = (a++) + (++a); console.log(a, b); var a = -10; var b = - a; 一元减, 取操作数的相反数 一元加,把其他类型的数据,转化成number类型的数据 var a = ‘10‘; var b = + a; console.log(a); console.log(b);
typeof 操作符 返回值是操作数的类型的名称的字符串 console.log(typeof a); console.log(typeof b); console.log(‘abc‘ * ‘5‘); Not a Number console.log(10 + ‘20‘); 字符串拼接操作符 + 把两个操作数都转换成字符串之后,再对这两个字符串首尾拼接 算数加法 + 把两个操作数都转换成数字之后,再进行数学上的加法 判断的规则: 两个操作数中只要有一个操作数是字符串类型,那么这个加号就代表字符串拼接的操作符,否则就代表算数加法操作符 二:
var a = 0; var b = !a;
!操作符,求操作数的布尔值,返回这个布尔值相反的情况 console.log(b);
1. 逻辑非(!)

逻辑非运算符有一个叹号(!)表示,可以用于JS中任何值。无论这个值是什么数据类型,该操作符都会返回一个布尔值。

操作不同类型值的返回值

1. 如果该值是一个对象,返回false

2. 如果该值是一个空字符串,返回true

3. 如果该值是一个非空字符串,返回false

4. 如果该值是一个数值0,返回true

5. 如果该值是任意非0数值(包括Infinity),返回false

6. 如果该值是null,返回true

7. 如果该值是NaN,返回true

8. 如果该值是undefined,返回true var a = true; var b = false; var c = a && b; && 操作符,求第一个操作数的布尔值,如果这个布尔值为true,那么最终的返回值就是第二个操作数,否则最终的返回值是第一个操作数
1. 逻辑与(&&)

逻辑与有两个和号(&&)表示,有两个操作数,可以操作JS中的任意两个值。当两个数据值都是布尔值的时候,该操作符会返回布尔值。如果有一个数值不是布尔值,那么则不一定会返回布尔值。

但有一个数据值不是布尔值的时候,它的返回结果遵循以下规则:

1. 如果第一个操作数是对象,则返回第二个操作数

2. 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象

3. 如果两个操作数都是对象,那么会返回第二个操作数

4. 如果有一个操作数是null,那么返回null

5. 如果有一个操作数是NaN,那么返回NaN

6. 如果有一个操作数是undefined,那么返回undefined
var a = null; var b = ‘hello‘; var c = a && b; console.log(c); || 操作符,求第一个操作数的布尔值,如果这个布尔值为true,那么最终的返回值就是第一个操作数,否则最终的返回值是第二个操作数 var a = ‘‘; var b = 20; var c = a || b; console.log(c); 1. 逻辑或(||)

逻辑或操作符有两个竖线符号(||),有两个操作数,可以操作JS中的任意两个值。

如果两个操作数都是布尔值,只有在两个操作数都为false的时候才会返回false,否则返回true。

如果有一个操作数不是布尔值,则遵循以下规则:

1. 如果第一个操作数是对象,则返回第一个操作数

2. 如果第一个操作数的求值结果为false,则返回第二个操作数

3. 如果两个数都是对象,则返回第一个操作数

4. 如果两个操作数都是null,则返回null

5. 如果两个操作数都是NaN,则返回NaN

6. 如果两个操作数都是undefined,则返回undefined

三: 短路操作 var a = 10; var b = false && (a++); console.log(a, b); var a = 10; var b = true || (a++); console.log(a, b); var a = ‘10‘; var b = 10; var c = a == b; var d = a === b; console.log(c); console.log(d);

在与操作符(&&)和或操作符(||)中,如果第一个操作数就已经能确定最终返回的结果,那么就不会去计算第二个操作数了。

四:
关系操作符

小于(<)、大于(>)、小于等于(<=)、大于等于(>=)这几个关系操作符用于对两个值进行比较,比较的规则与我们在上数学课上所学的一样。这几个操作符都会返回一个布尔值。

五:
相等操作符

相等操作符(==)、不相等操作符(!=)、全等操作符(===)、不全等操作符(!==)

相等和不相等 => 先转换类型再比较

全等和不全等 => 仅比较而不转换类型

第一:
条件语句

JavaScript提供if结构和switch结构,完成条件判断。

1. if 结构

语法:

if(表达式1){
表达式2;
}
表达式3;

说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3

2. if...else... 语句

语法:

if(表达式1) {
表达式2;
} else {
表达式3;
}
表达式4;

说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3,再执行表达式4

3. if...else if...

if(表达式1) {
表达式2;
} else if(表达式3) {
表达式4;
} else if(表达式5) {
表达式6;
} else {
表达式7;
}
表达式8;

4. 嵌套使用

if(表达式1) { //区块1
if(表达式2) { //区块2
表达式3;
}
表达式4;
}
表达式5;

说明:

1. 程序判断表达式1,不成立执行表达式5,成立进入区块1;
2. 进入区块1,判断表达式2,成立执行表达式3,否则执行表达式4;


break语句和continue语句

- break语句用于跳出代码块或循环。
- continue语句用于立即终止本次循环,返回循环结构的头部,开始下一次循环。
例如:var a = 10; // break语句: 介绍整个switch语句,必须放到switch的语句块里面 switch(a) { case 1: console.log(1); break; case 2: console.log(2); break; case 3: console.log(3); break; case 4: console.log(4); break; default: console.log(‘一个都没有‘); } console.log(‘switch已经结束‘);

js初学总结1