JavaScript中的连续赋值

原创 野人  2021-08-17 09:01  阅读 186 次

由一道面试题,引发了这篇文章。

var a = {n: 1};①
var b = a;②
a.x = a = {n: 2};③

console.log(a);④
console.log(b);⑤
console.log(a.x);⑥
console.log(b.x);⑦

①在栈中创建变量a,然后在堆中创建{n:1},再将变量a指向堆中的{n:1}的地址

②在栈中创建变量b,然后将变量b指向堆中的a的地址

此时①和②之间存在引用关系,即a变量中的对象发生了变化,b也同时发生了变化,因为他们所指向的是同一个地址

③这里要注意了一个点就是,执行顺序的问题,即用【.】的方法执行顺序大于【=】赋值

3.1 所以,会先执行a.x,即a中添加对象x,变成a={n:1,x:undefined}

3.2 往后执行a={n:2},这时候的变量a的值变成了a={n:2},同时断开了b的引用,因为此时的变量a是被重新赋值一个开辟了一个新的内存地址。(这里涉及到的知识点有:执行顺序(运算符优先级),js的垃圾回收机制(标记-清除算法))

3.3 然后就是a.x赋值为上面【3.2】点的值,变成 a.x={n:2}

④输出{n:2}

⑤输出{n:1,x:{n:2}}

⑥输出undefined

⑦输出{n:2}

面试题2:

function fun(){  
  var a = b = 5;  
}  
fun();  //这也是连续赋值的一个问题,方法执行后,b成了全局变量,a因为是局部变量所以无法访问到
alert(typeof a); // --> undefined  
alert(typeof b); // --> number  

参考资料:

js中变量的连续赋值(实例讲解)

执行顺序(运算符优先级)

前端面试:谈谈 JS 垃圾回收机制

本文地址:https://www.yerenwz.com/4508.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论