JavaScript中“+”的陷阱深刻理解
JavaScript 陷阱 深刻理解
2023-06-13 09:14:42 时间
一、两个中括号相加
[]+[]
中括号没有语句块的作用,因此这里的两个中括号就是一个数组。两个数组(对象类型)相加先要将其转换成值类型(基本类型)。
1,转成值类型调用valueOf,[]的valueOf()还是自己
复制代码代码如下:
[]+[]
中括号没有语句块的作用,因此这里的两个中括号就是一个数组。两个数组(对象类型)相加先要将其转换成值类型(基本类型)。
1,转成值类型调用valueOf,[]的valueOf()还是自己
vararr=[];
arr.valueOf()===arr;//true
2,转成字符串,[]的toString是空字符串
[].toString();//""
String([])//""
结果出来了。两个空字符串相加,结果仍然是空字符串。即这里的“+”指字符串连接而非数字相加。
二、大括号和中括号的相加
{}+[]
注意这里的大括号仍然不是对象直接量,而是空语句块。因此可以去掉它,即相当于
+[]
注意,这时由之前看似的两个运算数变成了实际的单运算数。而“+”运算符当只有一个运算数时只代表一个意思:算术加运算。即这里没有字符串连接的意思了。
中括号的toString()是空字符串,又相当于
+""
“+”代表算术加运算,字符串非数字,因此将其转换成数字类型。空字符串转成数字类型在上一篇提到过,为0。
那么最后的结果就是0。
三、中括号和大括号相加
[]+{}
与上面的对比,只是中括号和小括号交换了顺序。结果却不相同。大括号放到右边后,与上面讨论的大括号的意义不同了。这里的大括号就是一个对象直接量而非语句块。
“+”两边的运算数转成值类型分别是:""和"[objectObject]"。这时"+"表示字符串连接。即
""+"[objectObject]"
结果是“[objectObject]”。
四、小括号也和它们相加试试
突发奇想!好吧,小括号虽然有多义性,但它不能作为运算数。
相关文章
- javascript 基础_JavaScript高级编程
- 详解JavaScript中的变量提升/函数提升
- JavaScript数据类型
- 用JavaScript将数字转换为大写金额详解编程语言
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- Javascript里的两种使用正则的方法
- 在JavaScript中遭遇级联表达式陷阱
- JavaScript的9个陷阱及评点分析
- JavaScript验证浏览器是否支持javascript的方法小结
- Javascript阻止javascript事件冒泡,获取控件ID值
- JavaScript应用技巧集合[推荐]
- javascript限制输入脚本大全
- 写给想学习Javascript的朋友一点学习经验小结
- 根据一段代码浅谈Javascript闭包
- javascript各浏览器中option元素的表现差异
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- Javascript脚本实现静态网页加密实例代码
- JavaScript中for..in循环陷阱介绍
- javascript中处理时间戳为日期格式的方法
- PHP中的多行字符串传递给JavaScript的两种方法
- JavaScript中的null和undefined区别介绍
- Javascript拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
- 浅谈javascript的调试