用vue.js学习es6（二）：let和const使用

一.运行及关闭运行&＃xff1a;

　　在上一节中我们用shift&＃43;右击在C:\vue\es6文件夹中打开命令行使用&＃xff1a;npm run dev&＃xff0c;打开了我们的vue界面。

　　如果要关闭则在命令行中按住ctrl&＃43;C则可以关闭。

二.let和const使用方法&＃xff1a;

　　(1).在Javascript中我们通常使用var会发生变量提升&＃xff0c;即脚本开始运行时&＃xff0c;变量已经存在了&＃xff0c;但是没有值&＃xff0c;所以会输出undefined&＃xff0c;

　　而let不会发生变量提升,这表示在声明它之前&＃xff0c;变量是不存在的&＃xff0c;这时如果用到它&＃xff0c;就会抛出一个错误。

　　(2).var 是函数级作用域&＃xff0c;let是块级作用域&＃xff1a;

　　{

　　　　let a &＃61; 10;

　　　　var b &＃61; 1;

　　}

　　a // ReferenceError:a is  not defined.

　　b // 1

　　容易发生错误&＃xff1a;

　　var a &＃61; [];

　　for(var i &＃61; 0; i <10; i&＃43;&＃43;){

　　　　a[i] &＃61; function(){

　　　　　　console.log(i);

　　　　};

　　}

　　a[6](); // 10;

　　如果将var i 改为 let i 此时a[6](); 结果是6;

　　(3).let不允许在相同作用域内&＃xff0c;重复声明同一个变量:

　　　function(){

　　　　let a &＃61; 10;

　　　　var a &＃61; 1;

　　}

　　//报错

　　function(){

　　　　let a &＃61; 10;

　　　　let a &＃61; 1;

　　}

　　//报错

　　(4).const声明一个只读的常量。一旦声明&＃xff0c;常量的值就不能改变

　　const PI &＃61; 3.1415;

　　PI &＃61; 3;

　　//TypeError: Assignment to constant variable.

　　(5).const命令声明的常量也是不提升&＃xff0c;只能在声明的位置后面使用。

　　{

　　　　const a &＃61; 10;

　　}

　　console.log(a);

　　//报错

　　(6).const声明的常量&＃xff0c;也与let一样不可重复声明

　　(7).对于复合类型的变量&＃xff0c;变量名不指向数据&＃xff0c;而是指向数据所在的地址。const命令只是保证变量名指向的地址不变&＃xff0c;并不保证该地址的数据不变&＃xff0c;

　　所以将一个对象声明为常量必须非常小心。

　　const t &＃61; {};

　　t.prop &＃61; 123;

　　console.log(t.prop); // 123

　　t &＃61; {}; // 报错

三.推荐阮一峰老师网站&＃xff1a;http://es6.ruanyifeng.com/

　　阮一峰老师已经将自己写的es6书开源了。