变量声明var/let/const

变量声明

let关键字声明变量
使用 let 声明的变量有几个特点：

• 1. 不允许重复声明
• 2. 块级作用域
• 3. 不存在变量提升

const关键字声明常量
使用 const 声明的变量有几个特点：

• 1. 声明必须赋初始值
• 2）值不允许修改

1.使用var的函数作用域声明

使用var声明变量时，变量会被自动添加到最接近的上下文（在函数中，最接近的上下文就是函数的局部上下文）
注意！！！如果变量未经声明就被初始化了，那么它就会自动被添加到全局上下文中。

function add(num1, num2) {
    var sum = num1 + num2;
    return sum;
}
let result = add(10, 20);
console.log(sum);//报错

function add(num1, num2) {
    sum = num1 + num2;
    return sum;
}
let result = add(10, 20);
console.log(sum);//30

第二段代码，在被初始化时并没有使用var声明，在调用add()后，sum被添加到了全局上下文，在函数退出之后依然存在，从而在后面可以访问到。

变量提升
var声明会被拿到函数或全局作用域的顶部，位于作用域中所有代码之前。

2.使用let的块级作用域声明

作用域是块级的，块级作用域由最近的一对包含花括号{}界定。甚至连单独的块也是let声明变量的作用域。

{
    let d;
}
console.log(d);//报错

let在同一作用域内不能重复声明，会抛出SyntaxError
而重复的var声明会被忽略。
let非常适合在循环中声明迭代变量，是var声明的迭代变量会泄漏到循环外部。

console.log(i);//undefined
for (var i = 0; i < 10; ++i) {} 
console.log(i); // 10 

console.log(j);// ReferenceError: j is not defined
for (let j = 0; j < 10; ++j) {} 
console.log(j); // ReferenceError: j 没有定义

3.使用const的常量声明

const声明必须同时初始化这个值，一经声明，不能再重新赋予新的值。其他都跟let一样。
（不能再被重新赋值为其他引用值，但对象的键不熟限制）

const o2 = {}; 
o2.name = 'Jake'; 
console.log(o2.name); // 'Jake'

const a = [1, 2, 3];
a.push(4);
console.log(a);// [1, 2, 3, 4]

如果想让整个对象都不能修改，可以使用Object.freeze(),这样再给属性赋值时虽然不会报错，但会静默失败。

const o3 = Object.freeze({}); 
o3.name = 'Jake'; 
console.log(o3.name); // undefined