本文記錄下JS中產生標識符方式的演變，從ES5到ES6，ES5及其之前是一種方式，只包含兩種聲明(var/function)，ES6則增加了一些產生標識符的關鍵字，如 let、const、class。

一、ES5時代

var

function

我們知道 JS 不象其它語言 Java、Ruby等，它用來命名變量的只有關鍵字 var，不論何種類型數據都用 var 聲明，當然弱類型并不代表該語言沒有類型，它的類型在運行時(根據不同運算符)會隱式轉換。而其它語言如Java，光聲明數字的關鍵字就有 int、 float、double、long。

1. // JS 
2. var num1 = 10; // 整數 
3. var num2 = 10.1; // 浮點數 
4. var str = 'John'; // 字符串 
5. var boo = false; // 布爾 
6. var obj = {}; // 對象 

1. // Java 
2. int num1 = 10; 
3. double num2 = 10.2; 
4. String str = "John"; 
5. Boolean boo = false; 

JS 里標識符除了使用 var 產生，還有一個 function 關鍵字也可以產生標識符。function 類型聲明的標識符的可能是函數、方法或構造器(類)。

1. // functions 
2. function fetchData(url, param) { 
3. // ...  
4. } 
5.  
6. // methods 
7. var obj = { 
8. getUrl: function() { 
9. } 
10. }; 
11.  
12. // class 
13. function Person(name, age) {} 
14. Person.prototype = { 
15. } 

二、ES6時代

var

function

let

const

class

可以看到，ES6 增加了3個可以產生標識符的關鍵字 let/const/class。let/const 用來聲明變量，class 用來定義類。

1. // 定義普通變量 
2. let name = 'John'; 
3. for (let i = 0; i < arr.length; i++) { 
4. } 
5. if (boo) { 
6. let obj = {}; 
7. ... 
8. } 
9.  
10. // 定義常量 
11. const PI = 3.1415926; 
12. const $el = $('.nav'); 
13.  
14. // 定義類 
15. class Point { 
16. constructor(x, y) { 
17. this.x = x; 
18. this.y = y; 
19. } 
20. toString() { 
21. return '('+this.x+', '+this.y+')'; 
22. } 
23. } 

ES6時代，可以想象我們的代碼風格里應該是 “少var多let”，let 和 const 都具有塊級作用域，且不會發生變量提升。而聲明類，也都會使用 class 了，class 關鍵字分擔了 function 的部分任務。

以上所述就是本文的全部內容了，希望大家能夠喜歡。