网上看到这么一个JS表达式,求JS表达式的值(结果是"10"),并分析表达式的工作原理。
首先,我把基本的推演过程简单罗列出来,然后在后面给出详细的分析过程:
++[[]][+[]]+[+[]]
=> ++a[0]+[0] //a=[[]]
=> ++b+[0] //b=[]
=> ++c+[0] //c=""
=> 1+"0"
=> "10"
在这个推演过程中,有很多的语法细节需要大家注意的:
1)运算符优先级,全面的列表这里就不贴出来了,只把用到的一些运算符优先级列出来:
[] > ++ > +
注意区分表达式中,哪个是数组下标运算符,哪个是数组直接量。
2)默认类型转换,主要涉及到一下几个:
[] => ""
+a => 0 //a=""
++a => 1 //a=""
注意,++""是非法表达式,因为一切JS直接量不可以被修改,++运算符需要修改变量值的。
+[]这个表达式中数组发生了默认类型转换:
Array.prototype.toString = function(){
alert("Array::toString");
return this.join(",");
};
alert(+[]); //0
最后看:++c //c=[],这个表达式,[]同样发生了默认类型转换,只不过++运算符最后导致了变量+1行为发生,所以结果是1
综合起来,一共有5个数组,一个数组下标运算符,一个前缀++运算符,一个双目+运算符,两个前缀+运算符,总共发生了四次默认类型转换。
首先,我把基本的推演过程简单罗列出来,然后在后面给出详细的分析过程:
++[[]][+[]]+[+[]]
=> ++a[0]+[0] //a=[[]]
=> ++b+[0] //b=[]
=> ++c+[0] //c=""
=> 1+"0"
=> "10"
在这个推演过程中,有很多的语法细节需要大家注意的:
1)运算符优先级,全面的列表这里就不贴出来了,只把用到的一些运算符优先级列出来:
[] > ++ > +
注意区分表达式中,哪个是数组下标运算符,哪个是数组直接量。
2)默认类型转换,主要涉及到一下几个:
[] => ""
+a => 0 //a=""
++a => 1 //a=""
注意,++""是非法表达式,因为一切JS直接量不可以被修改,++运算符需要修改变量值的。
+[]这个表达式中数组发生了默认类型转换:
Array.prototype.toString = function(){
alert("Array::toString");
return this.join(",");
};
alert(+[]); //0
最后看:++c //c=[],这个表达式,[]同样发生了默认类型转换,只不过++运算符最后导致了变量+1行为发生,所以结果是1
综合起来,一共有5个数组,一个数组下标运算符,一个前缀++运算符,一个双目+运算符,两个前缀+运算符,总共发生了四次默认类型转换。
var n = 0;
Array.prototype.toString = function(){
n++;
return this.join(",");
};
alert(++[[]][+[]]+[+[]]); //10
alert(n); //4