聲明變量的方法：1、使用var命令，語法“var 變量名;”；2、使用function命令；3、使用cosnt命令，語法“const 變量名;”；4、使用let命令，語法“let 變量名”；5、使用import命令；6、使用class命令。

本教程操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

ES5 只有兩種聲明變量的方法：var命令和function命令。

ES6 除了添加let和const命令，還有兩種聲明變量的方法：import命令和class命令。

所以，ES6 一共有 6 種聲明變量的方法。

(1) var命令

var a ;　　//undefined var b = 1;

• var定義的變量可以修改，如果不初始化會輸出undefined，不會報錯
• var 聲明的變量在window上，用let或者const去聲明變量，這個變量不會被放到window上
• 很多語言中都有塊級作用域，但JS沒有，它使用var聲明變量，以function來劃分作用域，大括號“{}” 卻限定不了var的作用域，因此用var聲明的變量具有變量提升的效果
• var 聲明的變量作用域是全局的或者是函數級的

(2)function命令

function add(a) { 　　var sum = a + 1; 　　return sum; }

• 聲明了一個名為 add的新變量，并為其分配了一個函數定義
• {}之間的內容被分配給了 add
• 函數內部的代碼不會被執行，只是存儲在變量中以備將來使用

(3) cosnt命令

const a;     //報錯，必須初始化 const b = 1;

• const定義的變量不可以修改，而且必須初始化
• 該變量是個全局變量，或者是模塊內的全局變量
• 如果一個變量只有在聲明時才被賦值一次，永遠不會在其它的代碼行里被重新賦值，那么應該使用const，但是該變量的初始值有可能在未來會被調整（常變量）
• 創建一個只讀常量，在不同瀏覽器上表現為不可修改；建議申明后不修改；擁有塊級作用域
• const 代表一個值的常量索引 ，也就是說，變量名字在內存中的指針不能夠改變，但是指向這個變量的值可能 改變
• const定義的變量不可修改，一般在require一個模塊的時候用或者定義一些全局常量

• 可以在全局作用域或者函數內聲明常量，但是必須初始化常量

• 常量不能和它所在作用域內其它變量或者函數擁有相同名稱

(4) let命令

let a;　　//undefined let b = 1;  function add(b) { 　　let sum = b + 1; 　　return sum; } let c = add(b);

• 需要”javascript 嚴格模式”：'use strict'；
• 不存在變量提升
• 不允許重復聲明
• let聲明的變量作用域是在塊級域中，函數內部使用let定義后，對函數外部無影響(塊級作用域)
• 可以在聲明變量時為變量賦值，默認值為undefined,也可以稍后在腳本中給變量賦值，在生命前無法使用(暫時死區)

(5) import命令

1、ES6引入了自己的模塊系統。通過export導出，import導入。

2、與CommonJS不同的是，它是獲取模塊的引用，到用的時候才會真正的去取值。

3、例如js中:

  let student = [     {       name: 'xiaoming',       age: 21,     },     {       name: 'xiaohong',       age: 18     }   ]   export default student; // 這種導出方式，你可以在import時指定它的名稱。

4、在app.js中我們就可以這樣用:

  import StudentList from './student.js'; //指定名稱   console.log(StudentList[0].name); //xiaoming

(6) class命令

1：class作為es6的語法糖，實際上es5也可以實現的。

  class Point {     constructor (x, y) {       this.x = x;       this.y = y;     }     toString () {       return this.x + ',' + this.y;     }   }

//上面是一個類   Object.assign(Point.prototype, {     getX () {       return this.x;     },     getY () {       return this.y;     }   })   let p1 = new Point(1,2);   console.log(p1.toString()); //1,2   console.log(p1.getX()); //1   console.log(p1.getY()); //2   console.log(Object.keys(Point.prototype)); // ["getX", "getY"]

• 方法之間不需要逗號分隔

• toString () {} 等價于 toString: function () {}

• 你仍然可以使用Point.prototype

• 你可以用Object.assign()一次性擴展很多方法

• 類內部定義方法多是不可以枚舉的

• constructor(){}是一個默認方法，如果沒有添加，會自動添加一個空的。

• constructor默認返回實例對象（this），完全可以指定返回其他的對象。

• 必須用new調用

• 不存在變量提升

• 當用一個變量去接受class時，可以省略classname

• es6不提供私有方法。

2：使用extends繼承

class ThreeDPoint extends Point {     constructor (x, y, z) {       console.log(new.target); //ThreeDPoint       super(x, y);       this.z = z; }     toString () {       return super.toString() + ',' + this.z;     }     static getInfo() {       console.log('static method');     }     get z() {       return 4;     }     set z(value) {       console.log(value);     } }   ThreeDPoint.getInfo(); // "static method"   let ta = new ThreeDPoint(2,3,4);   console.log(ta.toString()); //2,3,4   console.log(ta.z); // 4   ta.z = 200; // 200   console.log(Object.getPrototypeOf(ThreeDPoint)); //Point

• constructor中必須調用super,因為子類中沒有this,必須從父類中繼承。

• 子類的__proto__屬性總是指向父類

• 子類的prototype屬性的__proto__總是指向父類的prototype

• Object.getPrototypeOf()獲取父類

• super作為方法只能在constructor中

• super作為屬性指向父類的prototype.

• 在constructor中使用super.x = 2，實際上this.x = 2;但是讀取super.x時，又變成了父類.prototype.x。

• 原生構造函數是無法繼承的。

• get set 方法可以對屬性的賦值和讀取進行攔截

• (靜態方法不能被實例繼承。通過static聲明

• 靜態屬性只能 ThreeDPoint.name = “123” 聲明 （與static沒什么關系）

【推薦學習：javascript高級教程】