`
xylw
  • 浏览: 61045 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
文章分类
社区版块
存档分类
最新评论

一个变态的JS表达式

js 
阅读更多
网上看到这么一个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个数组,一个数组下标运算符,一个前缀++运算符,一个双目+运算符,两个前缀+运算符,总共发生了四次默认类型转换。
var n = 0;
Array.prototype.toString = function(){
	n++;
	return this.join(",");
};
alert(++[[]][+[]]+[+[]]);  //10
alert(n);  //4
分享到:
评论

相关推荐

    《JavaScript实例精通》[源代码]

    6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面...

    JavaScript实例精通

    6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面...

    前端大厂最新面试题-算法.docx

    * JS 实现一个函数,完成超过范围的两个大整数相加功能 * JS 如何实现数组扁平化? * JS 如何实现数组去重? * 如何求数组的最大值和最小值? * 如何求两个数的最大公约数? * 如何求两个数的最小公倍数? * 实现 ...

    Calculator-using-html-CSS-Java-Scripts

    标题 "Calculator-using-html-CSS-Java-Scripts" 暗示了这个项目是关于创建一个基于Web的计算器应用,利用了HTML、CSS和JavaScript这三种核心技术。这些技术是构建交互式网页应用程序的基础。 HTML(HyperText ...

    window.open 函数的操作

    `window.open` 是一个在网页编程中经常使用的函数,主要用于创建新的浏览器窗口或标签页。其基本语法结构为 `window.open(url, name, features)`,其中 `url` 参数指定新窗口打开的地址,`name` 指定新窗口的名字,...

    ie10 css hack 条件注释等兼容方式整理

    首先,条件注释是IE浏览器的一个特性,通过特殊的注释语法来区分不同版本的IE浏览器。条件注释的内容仅被IE浏览器识别和执行,而其他浏览器则完全忽略这部分内容。这种做法曾被视为解决不同浏览器间兼容问题的首选...

Global site tag (gtag.js) - Google Analytics