上一章重要讲了转换到数字,字符串和布尔范例的一些知识点,那末这一讲接着上面的继承讲。
思索下面这个题目:
console.log(+"123"); // 123
console.log(-"123"); // -123
console.log(+"abc"); // NaN
console.log(-"abc"); // NaN
+这个很轻易明白,就是把字符串转成了数字,而-这个呢,除了把字符串转为数字之外,还会吧这个数字加否。所以不管+照样-都邑举行范例转换,唯一的区分,就是-会置否而+不会。
那末+除了看成一元运算符外,另有一个更广为人知的就是作为加法运算符。
那末加法运算符的话,实际上是有两种可能性的,一种是字符串的拼接,另一种就是做运算。接下来我们就对这方面细致的解说一下。
先说结论,假如在+的其中有一个操纵数是字符串或许能够转为字符串的话,那末就举行字符串拼接。
反之,假如俩都是数字的话,则举行加法运算。
这时刻,肯定会有人问,假如说我有其他的数据范例呢,又不是数字又不是字符串,比如说数组啊,对象啊,布尔值啥的,
那末假如是援用数据范例,则先转为基础数据范例,再举行比较。
假如是布尔呢,假如加法的另一边是数字的话,那末他就会转为数字,假如是字符串的话,就直接拼接啦.
上面说了一大堆的理论的东西,想必人人看着也累了。来上例子。
console.log(true + 11); // 12
console.log(true + false); // 1
console.log(true + '11'); // "true11"
这个很明显能够看出,假如操纵数是数字的话,或许说,操纵数都是字符串的话,那末布尔值会先转为数字,再举行拼接操纵,假如有一个操纵数是字符串的话,那就不转啦,直接拼接。
那末假如是对象范例,它是先转为基础数据范例,怎样转呢,实在就是先挪用valueOf,假如valueOf不存在,或许返回的不是基础数据范例,就挪用toString,假如toString也没有或许是返回的不是基础数据范例呢,那预计就直接报错了,看例子。
var obj = {
valueOf() {
return [2, 3];
},
toString() {
return "sss";
}
}
var obj1 = {
valueOf() {
return 111;
},
toString() {
return "abc";
}
}
var obj2 = {
valueOf() {
return [];
},
toString() {
return {
abc: 'liuhaitao',
}
}
}
console.log(obj + 1); // "sss1"
console.log(obj1 + 1); // 112
console.log(obj2 + 1); // "Cannot convert object to primitive value"
那末下面一个例子就很轻易明白了。
console.log([1].valueOf()); // [1]
console.log([1] + [2]); // 12
由于数组的valueOf的值依旧为数组,所以他们转的时刻,就会挪用toString,所以就转成了字符串啦,俩字符串举行拼接,获得终究效果
减法运算符(-)
很显然,减法运算符就是做减法的,他很纯真,就只是做减法,然则呢,这个有一个知识点,就是,减法里的操纵数,假如不是数字的话,那末会先转为数字范例的。
console.log("123" - 0); // 123
console.log([3] - [1]); // 2
console.log({valueOf() { return 3}} - {valueOf() { return 2}}); // 1
这个很明显,第一个和第二个的效果都是转为了数字再举行运算的,那第三个呢,实在这个就是对象的转化体式格局,假如有valueOf的话,会先实行valueOf找出基础范例值,没有或许不是基础范例值就找toString,末了呢,吧基础范例值转为数字再举行减法运算 。
好了,加法和减法都说完了,那末乘法和除法呢,实在和减法相似,都是转为数字如许的。
console.log("123" * 0); // 0
console.log([3] * [1]); // 3
console.log({valueOf() { return 3}} * {valueOf() { return 2}}); // 6
想看乘法和除法其他的细节和本文关联不是太大,所以就不细讲了,详情请查阅文档ecma文档:
https://www.ecma-internationa…
https://www.ecma-internationa…
另有本节末了一部分,就是有关于逻辑与(&&)和逻辑或(||)
为啥要专程引见他俩呢,由于他俩的语法和其他言语的语法特征好像有那末一些区分。来看代码
var a = 42;
var b = "abc";
var c = null;
console.log(a || b); // 42
console.log(a && b); // "abc"
console.log(c || b); // "abc"
console.log(c && b); // null
这一块能够看出,他和其他言语的不同之处在于,他的运算的效果,并非true和false,而是详细的值,也就是说
||标记的时刻,假如第一个操纵数是true,则返回第一个操纵数,假如是false返回第二个,
&&相反,假如第一个操纵数是true,则返回第二个操纵数,假如是false则返回第一个。
那这个有啥用呢?
实在能够运用这个的特征简化我们的代码,比如说
function exec () {
console.log('exec');
}
true && exec(); // exec
var a = undefined;
var b = a || 10;
console.log(b); // 10
这个代表了运用的两个方面,&&能够做函数实行的前置推断,背面谁人呢,能够做缺省时的默认值,你能够仔细观察一下,在一些紧缩代码东西,紧缩完后的代码,许多都把if 前提推断改成了&&,此次晓得缘由了吧。
参考书本《你不晓得的Javascript中卷》