初识Vue(2)——变量作用域

关于var、const、let之间的选取

在es6之前，都通用var定义变量

var num = 200;

这里的var没有块级作用域，let是块级作用域（什么叫作用域？可以理解为变量在什么范围内可以用，这个范围就叫作用域）

    {
        var num = 100;
        console.log(num);
    }
    console.log(num);

控制台输出结果：100，100

    {
        let num2 = 99;
        console.log(num2);
    }
    console.log(num2);

控制台输出结果：99，报错：Uncaught ReferenceError: num2 is not defined

一对{}表示一个代码块，var在代码块里声明的变量在外部任然可用，而let不行，let只能在当前块用。

for (var i = 0; i < 5 ;i++){
}
console.log(i);

控制台输出：5
这里我把i只作为控制循环的条件使用，但是这样让i在全局的值都改变了。在es5中，解决这类问题采用闭包的方法。在es6中，let的出现完美的解决了这个问题。

let只作用于当前作用域。

for (let i = 0; i < 5 ;i++){
}
console.log(i);

控制台输出：报错：Uncaught ReferenceError: i is not defined

const用于定义常量（一但完成定义后就可改变），const只有可读属性

const a = 100;
console.log(a);//100
a = 200;
console.log(a);//Uncaught TypeError: Assignment to constant variable.

const的不可改变是指 指向的对象不可改变，但是其内部是可以改变的

const obj = {name1:"Shu",name2:"Han",name3:"Wen"};
console.log(obj);//name1:"Shu",name2:"Han",name3:"Wen"
obj.name1 = "S";
console.log(obj);//name1:"S",name2:"Han",name3:"Wen"