晕!面试题console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]])输出什么
前言
面试题console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]])输出什么?面试遇到了这一个面试题,该面试题考察了类型转换,隐式类型转换,操作符等,我没答出来,不是我不会,是我光看题就很晕了。然而它确实是面试题,那就试着解决看看咯。
解决这个题目需要的知识
- “+”:一元+会执行与使用Number()一样的转换
- 如果+号是两个数相加,任一操作数是对象、数值或者布尔,则调用它们的toString方法转为字符串
- “!”:非操作符,这个操作始终返回布尔值
- “!!”:强制转为布尔值
解决这个题目([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]]
首先我们要先理清它的执行顺序
首先执行([][[]] + [])
,先执行里面的[][[]]
,在计算 [][[]]
时,其实就是执行[]空数组里面key为[]的值
- 首先,JavaScript 引擎解析空数组
[]
。空数组没有任何元素。 - 接下来,引擎尝试使用
[]
作为属性名来访问空数组的属性。在这种情况下,由于[]
本身是一个数组,JavaScript 引擎会尝试将其转换为字符串。由于[]
为空数组,转换成字符串后结果为一个空字符串""
。 - 最后,引擎会尝试访问空数组中名为
""
的属性。由于这个属性并不存在于空数组中,所以结果为undefined
。
所以,执行 [][[]]
的结果是 undefined
。
那么([][[]] + [])
接下去执行就是(undefined + [])
将会执行隐式类型转换,将undefined
转换为字符串"undefined"
,将[]转为“”,然后将两个字符串拼接在一起。因此,结果是"undefined"
其次执行[+!![]],!![]空数组转布尔值为true,一元操作服+会转为数值,+true就是将true
转换为数字1
。得到的结果就是[1]
。于是我们就可以得到([][[]] + [])[+!![]]
为undefined[1]
这个的结果就是字符串'n'
接下来就是执行([]+{})[+!![]+ + !![]]
这一部分,再将这部分的结果和上面的结果相加
先执行
([]+{})
, 计算[]+{}
。这将触发隐式类型转换,将空对象转换为字符串"[object Object]"
,然后将两个字符串拼接在一起。因此,结果是'[object Object]'
。再执行[+!![]+ + !![]],
+!![]
前面有解析过得到的是1,所以这一部分执行过后得到的是数值1相加1+1
,得到的结果是[2]
。那么这两部分合起来就是
'[object Object]'[2]
,就是字符串的第三个值b
最后将前面部分得到的结果 'n'
和后面部分得到的结果 'b'
相加,得到最后的结果'nb'
总结:这个题目一时解决不了的话,可能有以下几个原因,第一个就是不太清楚执行顺序,其次就是不太理解[][[]]
这个,实际上就是获取空数组key为[]
的值,又因为数组的key为字符串,所以会将[]
转为''
是找不到的所以返回undefined。现在你会这道面试题了吗?
以上就是晕!面试题console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]])输出什么的详细内容,更多请关注编程网其它相关文章!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
晕!面试题console.log(([][[]] + [])[+!![]]+([]+{})[+!![]+ + !![]])输出什么
下载Word文档到电脑,方便收藏和打印~