ES6学习（var let const 的区别）

var

var声明的变量可重新赋值和重复定义

	var price = 100; //var声明的变量可重新赋值和重复定义
    price = 200;
    console.log(price);

    var price = 100; //var声明的变量可重新赋值和重复定义
    var price = 200;
    console.log(price);

以上两端代码在控制台显示的结果均为200

• var的作用域： function scope （在函数中创建的var变量只能在函数中作用，未在函数中创建的var变量一律为全局变量）

	var price = 100;
    var count = 10;
    if (count > 5) {
      var discount = price * 0.6;
      console.log(`The discount is ${discount}`);  
    }

控制台的结果：60
注意：此时discount的值可在大括号外部直接访问，因为此时其不属于任何函数，故其为全局变量

let

• let作用域：block scope （块级作用域，即在一对大括号内声明的let变量只在大括号内有效）

	var price = 100;
    var count = 10;
    if (count > 5) {
      let discount = price * 0.6;
      console.log(`The discount is ${discount}`);  
    }

此时discount的值在外部不可直接访问

    var price = 100;
    var count = 10;
    let discount = 90;
    if (count > 5) {
      let discount = price * 0.6;
    }

在控制台访问discount时，发现其值为90。因为if语句外部的let是全局变量，我们直接访问到的是全局变量。

• 不可在同一作用域中重复声明但可重新赋值

    let discount = 90;
    discount = 100;

此时在控制台访问discount，其值为100

const

• 作用域同let

	var price = 100;
    var count = 10;
    if (count > 5) {
      count discount = price * 0.6;
      console.log(`The discount is ${discount}`);  
    }

此时discount的值在外部不可直接访问

• 不可在同一作用域中重复声明且不可重新赋值，但若作为对象，则可以改变其中的属性

	const person = {
      name: 'Jelly',
      age:20
    }
    person.age = 21;

在控制台中输入 person，得到

{name: "Jelly", age: 21}

若不想使其属性被改变，可使用ES5中的Object.freeze()方法

    const person = {
      name: 'Jelly',
      age:20
    }
    Object.freeze(person)
    person.age = 21;

在控制台输入 person，得到

{name: "Jelly", age: 20}