说一说JS中的连等赋值

前言

        在我们编写代码，声明变量的时候，为了方便，可能会出现连等赋值的现象，如：a = b = 2 或者 a = b = {name: "Tom"}这样的语句，但是这样实际会给我们埋下很大的坑，在日后也会出现问题。具体的原因详见下文：

 

赋值原理

         首先要明白一点，对于连等赋值，在申明变量的时候，无论你是使用let或者const，后者的变量都会变成全局变量，因为在执行语句的时候，是从右到左执行赋值。如：

let a = b = 2;
// 相当于
b = 2； // 未申明自动提升为全局变量
let a = b；

        由此可见，使用连等赋值，会增加全局变量，增加了变量冲突的风险，在使用的时候，应该慎重。可以看看下面的例子：

var a = b =10;   // a,b都是全局变量且值都是10
     (function(){
         var a = b = 20;  // a为局部变量，值为20；b为全局变量，值为20，会影响外面的变量b的值
      })();
console.log(a);   // 10
console.log(b);   // 20

        上面的例子中，console.log(a)会先从全局作用域中寻找变量a，找到a的值为10，直接打印出来；执行到console.log(b)，也会从全局作用域寻找变量b，找到b的值为20,（原来是10，后改为20）。

 

        上面已经提到了，赋值的顺序是从右到左，赋值的话就要分为基础类型和引用类型，基础类型的问题到不是很大，直接复制内存就好，而引用类型就需要好好考虑了，因为两个变量指向同一个对象时，对象的修改是同步变化的。