javascript连续赋值问题


前几天在搜索面试题时发现了这么一段代码,执行完后感觉完全不与所想的一样

 var a = {
   n : 1
 };
 var b = a;
 a.x = a = {n : 2};
 console.log(a.x);
 console.log(b.x);

输出结果为:

undefined

[object Object]

一开始以为语句应该是先给 a 赋值 {n : 2} , 然后再将 a.x 赋值 {n : 2} ;

但事实却不是那样,于是改动了一下代码,添加几条log

var test;
var a = {
  get test () {
    console.log("call a get");
    return test;
  },
  set test (value) {
    console.log("call a set");
    test = value;
  }
}
var test2;
var b = {
  get test2 () {
    console.log("call b get");
    return test2;
  },
  set test2 (value) {
    console.log("call b set");
    test2 = value;
  }
}
a.test = {
  n : 1
};
b.test2 = a.test;
console.log("begin");
a.test.x = a.test = {n : 2};

这样,在begin后边,这条赋值到底执行了什么就一目了然了.

这是语句执行时打印的log

先触发了一次get,然后触发了一次set.

本人猜想,该条语句执行的顺序为,先将左边变量取出,然后执行赋值.(在执行该条语句前,先将对象引用取出,然后从右到左执行赋值)


以上所述就是本文的全部内容了,希望大家能够喜欢



相关阅读:
Win10 Mobile周年更新将于8月9日上线
asp.net使用npoi读取excel模板并导出下载详解
Win10累积补丁KB3124200更新后版本同升为10586.36
Java中对AtomicInteger和int值在多线程下递增操作的测试
解决Win7系统USB接口没反应的方法
在Android中 获取正在运行的Service 实例
使用JQuery库提供的扩展功能实现自定义方法
JS实现两个大数(整数)相乘
js post提交调用方法
解决js下referer兼容各大浏览器的方法
js实现点击按钮后给Div图层设置随机背景颜色的方法
浅析MYSQL REPEATABLE-READ隔离级别
扩展KMP算法(Extend KMP)
防止Xen VPS用户自己修改IP地址的方法
快速导航

Copyright © 2016 phpStudy |