运算符

一些运算符可以作用于任何数据类型(typeof),但大部分操作符希望操作数是特定的类型,而且大部分操作符会计算出(我们也常说返回)一个特定类型的值(typeof返回的全是string)。在JavaScript中,运算符通常会根据需要对操作数进行类型转换.

有些操作符对不同的数据类型有不同的含义,比如 +操作符

console.log(2+4);//6  两个操作数都是数字,做加法运算
console.log("2"+"4");//"24"  两个参数都是字符串,做字符串拼接
console.log(2+"4");//"24"  有一个参数是字符串时,把另外一个参数转换为字符串做字符串拼接
console.log(2+new Date());//"2Mon Jan 20 2014 17:15:01 GMT+0800 (China Standard Time)"   在参数有对象的情况下会调用其valueOf或toString
console.log(+"4");//4  只有一个数字参数时,返回其正数值

远算符类型

算数运算符、赋值运算符、比较运算符、布尔运算符、位运算符,其它运算符
位运算符
否运算(not):符号为~,表示将一个二进制位变成相反值。
对于十进制,~X得到结果是取X的负值再减1
算数运算符中,
除法运算符(Division):x / y 结果是浮点数

布尔运算符中,使用布尔运算符,会先将运算符两边的值转化为布尔值,然后进行运算。

! 取反运算符 /*表示转换为布尔类型之后取反,由此可得!!表示强制转化成布尔类型*/
&& 且运算符
|| 或运算符
condition? true case : false case 三元条件运算符

小括号
圆括号不是运算符,而是一种语法结构。它有两种用法:如果把表达式放在圆括号之中,作用是求值,将返回表达式的值;如果跟在函数的后面,作用是调用函数。

void
void运算符的作用是执行一个表达式,然后返回undefined。

void 0 和 undefined在使用场景上有什么区别
void 后面无论跟什么表达式,都会返回 undefined。
某些情境下undefined是可以被赋值的,比如在函数中var undefined = 3;这样的话就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

逗号运算符
逗号运算符用于对两个表达式求值,并返回后一个表达式的值。

a = (3,4)  //a=4
a = 3,4 //a=3,因为=的优先级高于,

重要:运算符优先级与结合性

有的运算符是左结合的,即运算从左到右执行,下面两个运算是一样的

w = x + y + z;
w = (x + y) + z;

有的运算符是右结合的,即运算从右到左执行

w = x = y = z;
w = (x = (y = z));
w = a: b: c ? d : e? f : g;
w = a? b : (c? d: (e? f : g));

下表中R/L代表结合性是右结合还是左结合,
num->num表示操作符期望的数据类型计算结果类型,lval指左值
运算符优先级表
以及MDN 参考

有几个我们需要注意的地方
1.typeof的优先级相当的高,比加减乘除神马的都高,所以虽然是操作符,在在复杂表达式的时候我们还是习惯加括号,看个例子

 typeof 2*3;//NaN  因为会先计算typeof 2 ,结果是"number",即string类型,与3相乘得NaN
 typeof (2*3);//"number" 
 typeof 2+3;// "number3"   "number"+3 得"number3"

2.++、--是右结合的操作符(优先级最高的几个都是右结合),而且比加减乘除优先级高。
同时自增、自减运算符的运算数得是左值(可以放在赋值符号左边的值),而不能是常数

 4++; //ReferenceError: Invalid left-hand side expression in postfix operation
 var a=0,b=0;
 a+++b;//0
 a;//1,++优先级比+高,所以相当于(a++)+b=0+0=0 ,  因为a++为0,a为1
 b;//0

3.赋值运算符的优先级相当的低

 a = b == c; //等同于a = (b==c)

4.逻辑非!优先级比加减乘除高,但逻辑与、逻辑或优先级很低,不如加减乘除

 !2*3; //0, 等价于(!2)*0, !2得false,false与3相乘,即0*3得0

5.一个关于逻辑运算符的有意思地方是其“短路”特点. ||前面为ture,返回前面的值,为false,返回后面的值。

&&前面为false,返回前面的值,为false,返回后面的值。
||前面为ture,返回前面的值,为false,返回后面的值。
! 如果操作数能够转换为true则返回false;否则返回true。

能被转换为false的值有null, 0, NaN, 空字符串("")和undefined。

 1 && 3;   得3
 1 && "foo" || 0; 得"foo"
 1 || "foo" && 0  得1,因为&&优先级高于||  相当于 1 || ("foo" && 0 )

相等:==与===

===是严格意义的相等,只需注意NaN和NaN不等就行了。而使用==的时候,javascript会帮我们做类型转换,造成一些匪夷所思的结果,那么使用==的时候会在哪些情况下做类型转换,又会换成什么样子?

  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
    1. 如果一个是null,一个是undefined,那么相等
    2. 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
    3. 如果一个值是true/false则将其转为1/0比较
    4. 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
    5. 其它就不相等了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容