A5下载站:努力做内容最丰富最安全的下载站! 网站地图最新更新下载排行专题软件发布

热门软件

地铁跑酷

冒险迷岛

全民迷宫

连连消大作战

小河狸创客

阿里健康医鹿

支付宝app

番薯小说

MOMO陌陌

虾米音乐app

位置导航:A5下载 > 源码技巧 > 父类数据

javascript连续赋值问题

时间:2015-07-08 16:00来源:a5源码作者:zhao浏览:26
本文通过具体的示例来给大家详细解释了下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.

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

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