一道面试题所引发的运算符的优先级的思考

刚才无意间看到了一道面试题

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日

推荐阅读更多精彩内容

  • In addition to the operators described inBasic Operators,...
    绿色庄园阅读 503评论 0 1
  • 指针是C语言中广泛使用的一种数据类型。 运用指针编程是C语言最主要的风格之一。利用指针变量可以表示各种数据结构; ...
    朱森阅读 1,710评论 3 42
  • 本章将会介绍 模块和源文件访问级别访问控制语法自定义类型子类常量、变量、属性、下标构造器协议扩展泛型类型别名位运算...
    寒桥阅读 251评论 0 2
  • 第四章:狂化丹 楚浩拿着那盒子在林子里快步的走着,他对那个盒子里的东西可是很感兴趣,他不知道这是那个人的东西,还是...
    聖別阅读 22评论 2 1
  • 我没有看到雪雪,却看到了我在山之巅在河之间 山披上薄薄的白色绒装河留下皑皑的洁净素服我将我心间的脚印印在山间小道雪...
    二马行空阅读 64评论 1 3