前端劝退题(二)

var a ={n:1};
var b =a;
a.x = a = {n:2};
console.log(a.x);  //undefined
console.log(b.x);  //{n:2}
var a = {n:1};//创建对象{n:1},赋值给a
var b = a;//b引用a的对象,实际上此时内存只有一个对象。变量a,b同时指向这个对象
a.x = a = {n:2};//此时将这个对象的键值x赋值,赋值内容是运算表达式a={n:2}的运算结果{n:2}
//a={n:2}这个运算表达式又创建了一个对象{n:2},同时让a指向这个对象
//此时内存中有两个对象 a指向于新的对象{n:2},b指向于原对象{n:1,x:{n:2}}
console.log(a.x);// -->undefined
console.log(b.x);// -->{n:2}

另一种解析:首先 . 运算符优先级高于= 所以先给{n:1}对象创建了x属性,对象变成{n:1,x:undefined}(当前a和b都是指向此内存对象),
然后连等从右往左执行,先把a指向改成{n:2},然后把最初的内存对象的x属性指向改成{n:2}(因为.运算符已执行,所以此时a.x是指{n:1,x:undefined}的x属性),内存对象变成{n:1,x:{n:2}}
此时只有b还是指向这个内存对象 所以:
a.x -->undefined
b -->{n:1,x:{n:2}}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在三大框架盛行的时代, 基本上会个 Vue 就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。 Ja...
    大前端奕辰阅读 508评论 0 1
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,179评论 2 19
  • HTML 1、你是如何理解web语义化的? Web语义化是指使用恰当语义的html标签、class类名等内容,让页...
    苹果咏阅读 626评论 0 0
  • 第一章 前端三大语言:HTML(专门编写网页内容)、CSS(编写网页样式)、JS(专门编写网页交互行为) 能简写尽...
    fastwe阅读 1,034评论 0 0
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,566评论 16 22