js中运算符优先级问题
2016-04-20 14:50
344 查看
其实事情是这样的,最近看到不少朋友讨论一道据说不知道哪儿的笔试题目,题目如下:
请写出a.x的值。
当然通过运行,大家很快找到答案undefined。
说实话这道题似乎难住了不少人,在问题还没解决时,突然有人喊了一句a = a.x = {n:2}结果也是一样耶,此时大家都是一脸懵逼的状态。
这个其实很好理解,a.x = a = {n:2}这个包括两个过程,一是“解析”(其实是“.”操作符的优先级要高于赋值),然后赋值;
用图表示如下:
1)开始时
2)解析时
3)赋值时
看到这里大家是不是明白了,什么没看懂?那你的疑问是不是还停留在“解析”时的状态?其实js对象添加属性包括两个过程,"解析"和"赋值",上面也说了,这个“解析”呢,其实就是‘.’操作符的优先级要高于赋值,这两个过程的执行方向刚好相反,“解析”从左到右进行,赋值则从右到左,而且“解析”的过程在赋值之前,也就是说,如var obj = {};obj.name='zhangsan';这个过程其实是先“解析”,为对象{}添加一个值为undefined的属性name,即obj.name-->{name: undefined};然后进行赋值,即将'zhangsan'赋值给其name属性,最终对象obj指向{name:zhangsan}。
到目前为止,加上上面三幅图,大家对这个问题还有疑问吗?
注:本文仅作为学习过程中的简单记录和分享,如有问题请提出并指教,共同进步。
http://www.jianshu.com/p/a4e9f81da082
var a = {n:1}; var b = a; a.x = a = {n:2};
请写出a.x的值。
当然通过运行,大家很快找到答案undefined。
说实话这道题似乎难住了不少人,在问题还没解决时,突然有人喊了一句a = a.x = {n:2}结果也是一样耶,此时大家都是一脸懵逼的状态。
这个其实很好理解,a.x = a = {n:2}这个包括两个过程,一是“解析”(其实是“.”操作符的优先级要高于赋值),然后赋值;
用图表示如下:
1)开始时
2)解析时
3)赋值时
看到这里大家是不是明白了,什么没看懂?那你的疑问是不是还停留在“解析”时的状态?其实js对象添加属性包括两个过程,"解析"和"赋值",上面也说了,这个“解析”呢,其实就是‘.’操作符的优先级要高于赋值,这两个过程的执行方向刚好相反,“解析”从左到右进行,赋值则从右到左,而且“解析”的过程在赋值之前,也就是说,如var obj = {};obj.name='zhangsan';这个过程其实是先“解析”,为对象{}添加一个值为undefined的属性name,即obj.name-->{name: undefined};然后进行赋值,即将'zhangsan'赋值给其name属性,最终对象obj指向{name:zhangsan}。
到目前为止,加上上面三幅图,大家对这个问题还有疑问吗?
注:本文仅作为学习过程中的简单记录和分享,如有问题请提出并指教,共同进步。
http://www.jianshu.com/p/a4e9f81da082
相关文章推荐
- JavaScript 装逼指南
- js中的闭包之我理解
- JSTL标签和EL表达式学习
- js读取解析JSON类型数据(转)
- JS AJAX 调用tyk转发报跨域问题(已解决)
- JS基础学习1——什么是基础js类和原型?
- js 邮箱、11位手机正则
- CKEditor config.js 详细配置说明
- javascript特性杂谈
- iClient JS之查询交互(1)
- 纯JS代码实现一键分享功能
- JSP错误:Unable to compile class for JSP
- js获取页面及个元素高度、宽度
- my97datepicker控件 JSP页面打开默认显示系统当前时间
- 将json文件转换为字符串
- JS动态创建元素的两种方法
- JavaScript归并方法reduce()和reduceRight()
- [置顶] JavaScript的mask遮罩层
- JSON与String之间的转换以及公用类
- javaScript构造函数分析