关于++[[]][+[]]+[+[]]

前几天李老哥秀了一个JavaScript中骚操作给我看,即++[[]][+[]]+[+[]]的值是10;
各位也可以看一下

console.log(++[[]][+[]]+[+[]])
10

卧槽,牛逼啊!
很好奇,js如何得到这个结果,莫名其妙就得到了10;我第一感觉是不可能啊,可是结果就在那;这就要思考了,这个10是什么?ASCII码的骚操作计算得来的数字结果还是字符转化,或是别的什么,它是通过什么方式得来的,先输出一下它的类型:

console.log((typeof ++[[]][+[]]+[+[]]))
string

看看发现了什么?!可以走捷径了,10是一个字符串,即是说得到是’10’,由此想到了什么?没错,就是字符串拼接,再来看看++[[]][+[]]+[+[]]的结构和’10’本身,很明显10是由++[[]][+[]][+[]]拼接的,可以大胆猜测,++[[]][+[]]结果是1,[+[]]结果是0,于是:

 console.log(++[[]][+[]])
    1
 console.log([+[]])
    [0]

猜测与结果虽有出入,却也没偏离太远,问题大概解决一半了:
在JavaScript中,+[]是等于零的,就是说console.log(+[] === 0)得到的是true;

就是说呢,现在问题变成了++[[]][0]+[0]
实际上,[[]][0]意思是在数组[[]]中找到第0个元素,我们找到的会是[],这有什么意义呢,先跳过,++[[]][0]的结果为1,这里我们可以忽略[[]][0]把它当成任一个值,因为重点是++递增运算符,我们知道++任意值意为依次加一,即是+(任意值+1),++[[]][0]可以转为+[]+1(这里需要留意一个小细节,就是++递增运算符会把值返回为Number类型);
所以问题就变成了1+[0]
在js中[0] == '0',
问题就变成了1+'0' === '10';
那么来猜一猜console.log(1+'0' === '10')会输出什么?

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