JavaScript中产生标识符方式的演变-白红宇

JavaScript中产生标识符方式的演变

阅读量：6991 次

发布时间：2019-06-27

本文共 1252 字，大约阅读时间需要 4 分钟。

本文记录下JS中产生方式的演变，从ES5到ES6，ES5及其之前是一种方式，只包含两种声明（var/function），ES6则增加了一些产生标识符的关键字，如 let、const、class。

一、ES5时代

function

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

// JSvar num1 = 10;      // 整数var num2 = 10.1;   // 浮点数var str      = 'John'; // 字符串var boo     = false;  // 布尔var obj      = {};    // 对象

// Javaint num1      = 10;double num2   = 10.2; String str      = "John";Boolean boo  = false;

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

// functionsfunction fetchData(url, param) {    // ...  }// methodsvar obj = {    getUrl: function() {    }};// classfunction Person(name, age) {}Person.prototype = {}

二、ES6时代

function

const

class

可以看到，ES6 增加了3个可以产生的关键字 let/const/class。let/const 用来声明，class 用来定义。

// 定义普通变量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时代，可以想象我们的代码风格里应该是 “少var多let”，let 和 const 都具有块级作用域，且不会发生。而声明类，也都会使用 class 了，class 关键字分担了 function 的部分任务。

三、ES7时代

...