分享一道有趣的JS题目

var kaka = {
	n:1
};
kaka.x=kaka={
	n:2
};
console.log(kaka.x)
复制代码

请先在心中默默的写出你的答案吧！

先不说答案，我们先来分析一波：

• 这道题主要考察两个点，一个是运算符的优先级，一个是引用类型的特殊之处

• 首先来看kaka.x=kaka ，因为“.“的优先级要高于“=”，所以这里的执行顺序是

  1. 先创建了一个x属性，值为undefined，挂在kaka下面
  2. kaka的指向被改变，指向了{n:2}
  3. 于是刚才创建的x属性被赋值为{n:2}
  4. 此时kaka的指向已经被改变了，不再指向原有的对象，所以这里的kaka.x指向后来的对象。
  5. 后来的对象里面只有{n:2}
  6. 所以x属性是undefined

讲完了，一头雾水？？？来，灵魂画手在线作画：

看着图再来捋一下思路：

1. 首先，kaka是指向{n:1}的
2. kaka下面增加了一个属性x，x暂时是undefined
3. kaka又被重新赋值（kaka={n:2}），指向{n:2}（就是那条红线）
4. x被赋值为{n:2},另外一条红线
5. 所以到最后面kaka的里面只有一个{n:2}
6. kaka.x存在吗？？？不存在的。所以是undefined

答案是undefined。

来做道课后习题吧！

var kaka = {
    n:1
};
var kaka1 = kaka;//yideng1和yideng都指向n:1这里
kaka.x = kaka = {
    n:2
};
console.log(kaka.x)
console.log(kaka1.x)
复制代码

先小声提醒一下，在红宝书上面对于变量的复制也有明确的说明：

基本类型值的复制：

引用类型值的复制：

画个图你就知道结果啦！

转载于:https://juejin.im/post/5c9dce826fb9a070a972c4f9