首页 > web前端 > js教程 > JavaScript中' ”的陷阱深刻理解_javascript技巧

JavaScript中' ”的陷阱深刻理解_javascript技巧

WBOY
发布: 2016-05-16 17:47:22
原创
1108 人浏览过
一、两个中括号相加
[] []
中括号没有语句块的作用,因此这里的两个中括号就是一个数组。两个数组(对象类型)相加先要将其转换成值类型(基本类型)。
1,转成值类型调用valueOf,[]的valueOf()还是自己
复制代码 代码如下:

var arr = [];
arr.valueOf() === arr; // true

2,转成字符串,[]的toString是空字符串
复制代码 代码如下:

[].toString(); // ""
String([]) // ""

结果出来了。两个空字符串相加,结果仍然是空字符串。即这里的“ ”指字符串连接而非数字相加。

二、大括号和中括号的相加
复制代码 代码如下:

{} []

注意这里的大括号仍然不是对象直接量,而是空语句块。因此可以去掉它,即相当于
复制代码 代码如下:

[]

注意,这时由之前看似的两个运算数变成了实际的单运算数。而“ ”运算符当只有一个运算数时只代表一个意思:算术加运算。即这里没有字符串连接的意思了。
中括号的toString()是空字符串,又相当于
复制代码 代码如下:

""

“ ”代表算术加运算,字符串非数字,因此将其转换成数字类型。空字符串转成数字类型在上一篇提到过,为0。
那么最后的结果就是0。

三、中括号和大括号相加
复制代码 代码如下:

[] {}

与上面的对比,只是中括号和小括号交换了顺序。结果却不相同。大括号放到右边后,与上面讨论的大括号的意义不同了。这里的大括号就是一个对象直接量而非语句块。
“ ” 两边的运算数转成值类型分别是:"" 和 "[object Object]"。这时 " " 表示字符串连接。即
复制代码 代码如下:

"" "[object Object]"

结果是 “[object Object]”。

四、小括号也和它们相加试试
突发奇想!好吧,小括号虽然有多义性,但它不能作为运算数。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板