源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript中“+”的陷阱深刻理解

  • 时间:2020-11-08 13:03 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript中“+”的陷阱深刻理解
[b]一、两个中括号相加[/b] [] + [] 中括号没有语句块的作用,因此这里的两个中括号就是一个数组。两个数组(对象类型)相加先要将其转换成值类型(基本类型)。 1,转成值类型调用valueOf,[]的valueOf()还是自己
[u]复制代码[/u] 代码如下:
var arr = []; arr.valueOf() === arr; // true
2,转成字符串,[]的toString是空字符串
[u]复制代码[/u] 代码如下:
[].toString(); // "" String([]) // ""
结果出来了。两个空字符串相加,结果仍然是空字符串。即这里的“+”指字符串连接而非数字相加。 [b]二、大括号和中括号的相加[/b]
[u]复制代码[/u] 代码如下:
{} + []
注意这里的大括号仍然不是对象直接量,而是空语句块。因此可以去掉它,即相当于
[u]复制代码[/u] 代码如下:
+ []
注意,这时由之前看似的两个运算数变成了实际的单运算数。而“+”运算符当只有一个运算数时只代表一个意思:算术加运算。即这里没有字符串连接的意思了。 中括号的toString()是空字符串,又相当于
[u]复制代码[/u] 代码如下:
+ ""
“+”代表算术加运算,字符串非数字,因此将其转换成数字类型。空字符串转成数字类型在上一篇提到过,为0。 那么最后的结果就是0。 [b]三、中括号和大括号相加[/b]
[u]复制代码[/u] 代码如下:
[] + {}
与上面的对比,只是中括号和小括号交换了顺序。结果却不相同。大括号放到右边后,与上面讨论的大括号的意义不同了。这里的大括号就是一个对象直接量而非语句块。 “+” 两边的运算数转成值类型分别是:"" 和 "[object Object]"。这时 "+" 表示字符串连接。即
[u]复制代码[/u] 代码如下:
"" + "[object Object]"
结果是 “[object Object]”。 [b]四、小括号也和它们相加试试[/b] 突发奇想!好吧,小括号虽然有多义性,但它不能作为运算数。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部