JavaScript、TypeScript、ES5、ES6之间的联系和区别

DawidZhu2023-08-11 20:10

ECMAScript： 一个由 ECMA International 进行标准化，TC39 委员会进行监督的语言。通常用于指代标准本身。
JavaScript： ECMAScript 标准的各种实现的最常用称呼。这个术语并不局限于某个特定版本的 ECMAScript 规范，并且可能被用于任何不同程度的任意版本的 ECMAScript 的实现。
**ECMAScript 5 (ES5)：**ECMAScript 的第五版修订，于 2009 年完成标准化。这个规范在所有现代浏览器中都相当完全的实现了。
**ECMAScript 6 (ES6) / ECMAScript 2015 (ES2015)：**ECMAScript 的第六版修订，于 2015 年完成标准化。这个标准被部分实现于大部分现代浏览器。

ES6是什么

ECMAScript 6.0（以下简称ES6）是JavaScript语言（现在是遵循ES5标准）的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ES6的新特性

ES6中的let命令，声明变量，用法和var差不多，但是let是为JavaScript新增了块级作用域，ES5中是没有块级作用域的，并且var有变量提升的概念，但是在let中，使用的变量一定要进行声明。
ES6中变量的解构赋值，比如：var $a,b,c$ = $0,1,2$ ;
ES6中不再像ES5一样使用原型链实现继承，而是引入Class这个概念，听起来和Java中的面向对象编程的语法有些像，但是二者是不一样的。
ES6中的函数定义也不再使用关键字function，而是利用了=>来进行定义；
ES6中可以设置默认函数参数，如function A（x,y=9）{};

ECMAScript和JavaScript的关系

由于JavaScript的创造者Netscae公司的版权问题，ECMAScript不能叫Javascript。总之，ECMAScript和JavaScript的关系是，前者是后者的规格（语言规范），后者是前者的一种实现。

JavaScript 与 TypeScript 的关系

TypeScript是Javascript的超集，实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript。

TypeScript和ES6的关系

typescript相对于ES6,TypeScript最大的改善是增加了类型系统。

附：typescript相对于ES5有五大改善：

TypeScript是ES6的超集。至于需不需要使用，在于你所需要的场景。比如在Angular2中，用TypeScript明显好于ES6。

总结一下：

ES6是Javascript语言的标准，typescript是ES6的超集。