了解下变量赋值 (值 vs 引用）

理解 JavaScript 如何给变量赋值可以帮助我们减少一些不必要的 bug。如果你不理解这一点，可能很容易地编写被无意中更改值的代码。

JavaScript 总是按照值来给变量赋值。 这一部分非常重要：当指定的值是 JavaScript 的五种基本类型之一（即 Boolean，null，undefined，String 和 Number）时，将分配实际值。 但是，当指定的值是 Array，Function或Object时，将分配对内存中对象的引用给变量。

在以下代码段中，使用 var1 对 var2 进行赋值。 由于var1是基本类型（String），因此 var2 的值等于 var1 的 String 值，并且可以认为此时与var1完全不同。 因此，重新赋值var2对var1没有影响。

let var1 = 'My string';
let var2 = var1;
var2 = 'My new string';
console.log(var1);
// 'My string'
console.log(var2);
// 'My new string'

接着，与对象赋值进行比较。

let var1 = { name: 'Jim' }
let var2 = var1;
var2.name = 'John';
console.log(var1);
// { name: 'John' }
console.log(var2);
// { name: 'John' }

如果你期望它会像原始类型赋值那样，很可能会出问题！如果你创建了一个无意中会改变对象的函数，就会出现一些非预期的行为。