JavaScript产生标识符方式的演变

一、ES5时代


var
function
我们知道 JS 不象其它语言 Java、Ruby等，它用来命名变量的只有关键字 var，不论何种类型数据都用 var 声明，当然弱类型并不代表该语言没有类型，它的类型在运行时（根据不同运算符）会隐式转换。而其它语言如Java，光声明数字的关键字就有 int、 float、double、long。


1
2
3
4
5
6
// JS
var num1 = 10;      // 整数
var num2 = 10.1;   // 浮点数
var str      = 'John'; // 字符串
var boo     = false;  // 布尔
var obj      = {};    // 对象
 


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


JS 里标识符除了使用 var 产生，还有一个 function 关键字也可以产生标识符。function 类型声明的标识符的可能是函数、方法或构造器（类）。


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


二、ES6时代


var
function
let
const
class
可以看到，ES6 增加了3个可以产生标识符的关键字 let/const/class。let/const 用来声明变量，class 用来定义类。


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