用vue.js學習es6（二）：let和const使用

一.運行及關閉運行：

　　在上一節中咱們用shift+右擊在C:\vue\es6文件夾中打開命令行使用：npm run dev，打開了咱們的vue界面。

　　若是要關閉則在命令行中按住ctrl+C則能夠關閉。

二.let和const使用方法：

　　(1).在javascript中咱們一般使用var會發生變量提高，即腳本開始運行時，變量已經存在了，可是沒有值，因此會輸出undefined，

　　而let不會發生變量提高,這表示在聲明它以前，變量是不存在的，這時若是用到它，就會拋出一個錯誤。

　　(2).var 是函數級做用域，let是塊級做用域：

　　{

　　　　let a = 10;

　　　　var b = 1;

　　}

　　a // ReferenceError:a is  not defined.

　　b // 1

　　容易發生錯誤：

　　var a = [];

　　for(var i = 0; i < 10; i++){

　　　　a[i] = function(){

　　　　　　console.log(i);

　　　　};

　　}

　　a[6](); // 10;

　　若是將var i 改成 let i 此時a[6](); 結果是6;

　　(3).let不容許在相同做用域內，重複聲明同一個變量:

　　　function(){

　　　　let a = 10;

　　　　var a = 1;

　　}

　　//報錯

　　function(){

　　　　let a = 10;

　　　　let a = 1;

　　}

　　//報錯

　　(4).const聲明一個只讀的常量。一旦聲明，常量的值就不能改變

　　const PI = 3.1415;

　　PI = 3;

　　//TypeError: Assignment to constant variable.

　　(5).const命令聲明的常量也是不提高，只能在聲明的位置後面使用。

　　{

　　　　const a = 10;

　　}

　　console.log(a);

　　//報錯

　　(6).const聲明的常量，也與let同樣不可重複聲明

　　(7).對於複合類型的變量，變量名不指向數據，而是指向數據所在的地址。const命令只是保證變量名指向的地址不變，並不保證該地址的數據不變，

　　因此將一個對象聲明爲常量必須很是當心。

　　const t = {};

　　t.prop = 123;

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

　　t = {}; // 報錯

三.推薦阮一峯老師網站：http://es6.ruanyifeng.com/

　　阮一峯老師已經將本身寫的es6書開源了。