回味JS（二）运算符及语法

2019-05-27 本文已影响0人 ArmorVon

本篇文章总结自阮一峰的教程 JavaScript教程第二章运算符。

加法的不同类型运算规则？

注意：法运算符是在运行时决定，到底是执行相加，还是执行连接。

如，

'3' + 4 + 5 // "345"
3 + 4 + '5' // "75"

1、自动调用对象的valueOf方法。

var obj = { p: 1 };
obj.valueOf() // { p: 1 }

2、再调用对象的toString方法

obj.valueOf().toString() // "[object Object]"

对象的toString方法默认返回[object Object]

+true // 1
+[] // 0
+{} // NaN

以下六个值转化为布尔值为false，取反后为true，其他值取反后都为false。

&& 运算符的运算规则是：如果第一个运算子的布尔值为true，则返回第二个运算子的值（注意是值，不是布尔值）；如果第一个运算子的布尔值为false，则直接返回第一个运算子的值，且不再对第二个运算子求值
|| 的运算规则是：如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值

if(x>1) {
    doSomething();
}
// 等价于
x > 1 && doSomething();



var a = false || 6;
console.log(a); //返回的结果为 6

1、实现两个值的互换

a^=b; b^=a; a^=b;连续对两个数a和b进行三次异或运算，可以对他们进行值的互换。
如：

var a = 10;
var b = 99;

a ^= b, b ^= a, a ^= b;

a // 99
b // 10

取整

12.9 ^ 0 // 12  向下取整

调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。
如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果toString方法返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。
如果toString方法返回的是对象，就报错。

var obj = {x: 1};
Number(obj) // NaN

// 等同于
if (typeof obj.valueOf() === 'object') {
  Number(obj.toString());
} else {
  Number(obj.valueOf());
}

原始类型值转化为相应的字符串，对象的转化规则与Number方法基本相同，只是互换了valueOf方法和toString方法的执行顺序：

先调用对象自身的toString方法。如果返回原始类型的值，则对该值使用String函数，不再进行以下步骤。
如果toString方法返回的是对象，再调用原对象的valueOf方法。如果valueOf方法返回原始类型的值，则对该值使用String函数，不再进行以下步骤。
如果valueOf方法返回的是对象，就报错。