刚才无意间看到了一道面试题
var a = {n: 1}
var b = a;
a.x = a = {n: 2}
console.log(a.x);
console.log(b.x)
这道题考察了两个知识点
- 内存空间
- 运算符的优先级
关于内存空间我掌握的还可以,具体可以看这篇文章
而对于运算符的优先级,是我忽略了,之前梳理知识点的时候是按照《JavaScript 高级程序设计》这本书来来梳理的,这本书好像也遗漏了这个知识点(或者是我粗心了)
总之不管怎样,今天也得好好整理这一部分的知识
优先级
运算符的优先级决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执行。
下面是一个简单的例子：
3 + 4 * 5 // 计算结果为23
很简单的式子,这说明乘法运算符(*)比起加法运算符(+)有着更高的优先级，所以它会被最先执行。
毫无疑问这没什么难度
那如果是优先级一样的运算符呢
结合性
结合性决定了拥有相同优先级的运算符的执行顺序。考虑下面这个表达式：
a OP b OP c
左结合（从左到右计算）相当于把左边的子表达式加上小括号 (a OP b) OP c，类似的，右关联（从右到左计算）相当于 a OP (b OP c)。
赋值运算符是右结合的，所以你可以这么写：
a = b = 5;
结果 a 和 b 的值都会成为5。这是因为赋值运算符的返回结果就是赋值运算符右边的那个值，具体过程是 => b 被赋值为5，然后 a 也被赋值为 b=5 的返回值，也就是5。
原来是这样啊
有没有一个汇总表呢
汇总表
发个链接吧,可到此处去查阅
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
首尾呼应
最后再来说说开篇提到的面试题
var a = {n: 1}
var b = a;
a.x = a = {n: 2}
console.log(a.x);
console.log(b.x)
- 将变量
a指向对象{n: 1} - 变量
b也指向到对象{n: 1},他俩现在指向同一个对象
- 到重点了,
a.x中的.的优先级高于= - 所以第一步执行
a.x,现在的变量a指向的对象添加了一个x属性{n: 1, x: undefined},b当然不变依然指向这个对象
- 接下来继续分析
a.x = a = {n: 2} - 考虑到赋值号的结合性是右结合,所以以上式子等价于
a.x = (a = {n: 2}) - 变量
a的指向变了，现在指向了新对象{n: 2}，b的引用还是原来的没变
- 继续执行,
a.x的属性值被赋予{n: 2},但是里面的a已经不是现在的变量a了,因为现在的变量a已经重新指向别的对象了
var a = {n: 1}
var b = a;
a.x = a = {n: 2}
console.log(a.x); // undefined
console.log(b.x) // {n: 2}
(完)
参考文章
文档信息
- 自由转载-非商用-非衍生-保持署名
- 发表日期：2017年5月16日
