var let const的区别与理解

复制变量值

复制基本类型的值

var num1 = 5;
var num2 = num1;

num1和num2中的5是完全独立的，互不影响

复制引用类型

var obj1 = newObject();
var obj2 = obj1;
obj1.name = ‘lucyStar’;
console.log(obj2.name);
// lucyStar

我们可以看到，obj1保存了一个对象的实例，这个值被复制到 Obj2中。复制操作完成后，两个变量实际引用的是同一个对象，改变了其中一个，会影响另外一个值

传递参数

参数传递就跟把函数外部的值复制给函数内部的参数；
基本类型传参

function addTen(num) {
num+=10;
return num;
}
const count = 20;
const result = addTen(count);
console.log(count);
// 20，没有变化
console.log(result);
// 30

引用类型传参

function setName(obj) {
obj.name = ‘luckyStar’;
obj = newObject();
obj.name = ‘litterStar’
}
const person = newObject();
setName(person);
console.log(person.name);
// luckyStar

在函数内部修改了参数的值，但是原始的引用仍然保持未变。实际上，在函数内部重写 obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕之后立即销毁

思考一下下面的代码输出什么

var name = ‘Tom’;
(function() {
if (typeof name == ‘undefined’) {
var name = ‘Jack’;
console.log('Goodbye ’ + name);
} else {
console.log('Hello ’ + name);
}
})();

答案是 Goodbye Jack。

改成下面这样应该会更容易理解一些

// 去掉下面这行也是一样的，因为会优先访问函数作用域内部的变量
// var name = ‘Tom’;
(function() {
var name; // 注意这行
if (typeof name == ‘undefined’) {
var name = ‘Jack’;
console.log('Goodbye ’ + name);
} else {
console.log('Hello ’ + name);
}
})();

立即执行函数的中的变量 name 的定义被提升到了顶部，并在初始化赋值之前是 undefined，所以typeof name == ‘undefined’

let

1. 声明的变量可以被修改。
2. 要注意暂时性死区(TDZ)
   总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）

function foo(x = y, y = 2) {
return [x, y];
}

foo(); // 报错

因为参数x默认值等于另一个参数y，而此时y还没有声明，属于“死区”。

const
声明的变量是常量;

const 实际保证的，并不是变量的值不变，而是变量指向的那个内存地址所保存的数据不得改动。

对于基本数据类型（数值。字符串。布尔值）。值就保存在变量指向的那个内存地址，因此等同于常量。

但对于引用数据类型主要是对象和数组）。变量指向的内存地址，保存的只是一个指向实际数据的指针。

const 只能保证这个指针是固定的（即使总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，那就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

const foo = {};
// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123
// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: “foo” is read-only

总结

1. var 会存在变量提升
2. let和const都是块级作用域，不存在变量提升
3. let声明的变量，允许修改；const声明的变量是指是变量指向的那个内存地址所保存的数据不得改动。