站長資訊網
新增聲明方法：1、let，用于聲明變量，語法“let 變量名=值”；2、const，用于聲明常量，語法“const 常量名=值”；3、class，用于聲明類，語法“class 類名{…}”；4、import，用于聲明靜態加載的輸入變量。
本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。
es6新增的聲明方法有什么
聲明變量在ES5之前有兩種：第一種是聲明變量和常量的 “ var ”。第二種是聲明函數的 “ function ”。在ES6中，聲明變量的方法一下子擴充了到了 6 種，總結如下：
聲明變量或常量：var 、let（ES6新增） 、const （ES6新增）;
聲明函數變量：function ；
聲明類：class（ES6新增）；
聲明 ‘ 靜態加載 ’ 輸入變量：import （ES6新增）；
在我們學習這幾個新增的方法之前，還需要知道幾個ES6新定義的概念：
1，let和const
定義：
let： ES6 新增了let命令，用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的塊級作用域內有效。
const：ES6新增了const命令，聲明一個只讀的常量。一旦聲明，常量的值就不能改變。同let一樣聲明的變量只在塊級作用域內有效；
特點差異：
相同：都不存在變量提升，所以只能聲明后再使用，不聲明使用會報錯；
都有暫時性死區（TDZ），這也解釋了為什么不聲明變量就使用會報錯；
都不允許重復聲明；
不同：const聲明的變量是 “ 不可改變 ” 的變量，所以在聲明變量時必須直接賦值，常量賦值后不能改變值，否則報錯；
注意：上邊我們說的const聲明的變量不可改變是針對 “常量” 我理解是“ 基本數據類型 ”，比如字符串，數值，布爾值等等。并不是指的所有數據類型，當我們用const聲明的變量是引用數據類型時，是可以改變值的。
這里就說到了const保存的內容的真正含義：const實際上保證的，并不是變量的值不得改動，而是變量指向的那個內存地址所保存的數據不得改動。對于簡單類型的數據（數值、字符串、布爾值），值就保存在變量指向的那個內存地址，因此等同于常量。
但對于復合類型的數據（主要是對象和數組），變量指向的內存地址，保存的只是一個指向實際數據的指針，const只能保證這個指針是固定的（即總是指向另一個固定的地址），至于它指向的數據結構是不是可變的，就完全不能控制了。因此，將一個對象聲明為常量必須非常小心。
用法：
// let 用法 let a = '123'; // const 用法 const b = '456'
2，class
定義：ES6 的class可以看作只是一個語法糖，它的絕大部分功能，ES5 都可以做到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已。
（class定義類，其實是很重要的一個知識，這里只是簡單的學習一下它的最最最基本的用法，也是作為一個引子。深入的學習我們會在后續記錄）
用法：
// 基本方法定義一個類 class Point{ constructor(x,y){ this.x = x; this.y = y; } toString(){ return '( '+ this.x +','+ this.y +')'; } } var point = new Point(2,3) point.toString(); // (2,3) // 表達式的方法定義一個類 let person = new class { constructor(name) { this.name = name; } sayName() { console.log(this.name); } }('張三'); person.sayName(); // "張三"
3，import
用法：
使用export命令定義了模塊的對外接口以后，其他 JS 文件就可以通過import命令加載這個模塊。
// main.js import { firstName, lastName, year } from './profile.js'; function setName(element) { element.textContent = firstName + ' ' + lastName; }
上面代碼的import命令，用于加載profile.js文件，并從中輸入變量。import命令接受一對大括號，里面指定要從其他模塊導入的變量名。大括號里面的變量名，必須與被導入模塊（profile.js）對外接口的名稱相同。如果想為輸入的變量重新取一個名字，import命令要使用as關鍵字，將輸入的變量重命名。
import { lastName as surname } from './profile.js';
【
