Javascript基本之-强迫范例转换(二)

上一章重要讲了转换到数字,字符串和布尔范例的一些知识点,那末这一讲接着上面的继承讲。

思索下面这个题目:

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中卷》

参考文章:https://codeburst.io/javascri…

本文转载自http://www.lht.ren/article/6/

    原文作者:小辞
    原文地址: https://segmentfault.com/a/1190000017581326
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞