JS--介绍/版本/特性

- 日理万妓 2022-12-27 14:21 101阅读 0赞

原文网址：[JS--介绍/版本/特性\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN]

# JavaScript、ES5、ES6、TypeScript #

**其他网址**

> [JavaScript、ES5和ES6的介绍和区别\_战五渣-CSDN博客\_es5和es6的区别][JavaScript_ES5_ES6_-CSDN_es5_es6]

**ES历史版本**

<table> 
 <tbody> 
  <tr> 
   <th>版本</th> 
   <th style="width:159px;">发表日期</th> 
   <th>与前版本的差异</th> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td style="width:159px;">1997年6月</td> 
   <td>首版</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td style="width:159px;">1998年6月</td> 
   <td>格式修正，以使得其形式与ISO/IEC16262国际标准一致</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td style="width:159px;">1999年12月</td> 
   <td>强大的正则表达式，更好的词法作用域链处理，新的控制指令，异常处理，错误定义更加明确，数据输出的格式化及其它改变</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td style="width:159px;">放弃</td> 
   <td>由于关于语言的复杂性出现分歧，第4版本被放弃，其中的部分成为了第5版本及Harmony的基础</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td style="width:159px;">2009年12月</td> 
   <td>新增“严格模式（strict mode）”，一个子集用作提供更彻底的错误检查,以避免结构出错。澄清了许多第3版本的模糊规范，并适应了与规范不一致的真实世界实现的行为。增加了部分新功能，如getters及setters，支持<a href="https://zh.wikipedia.org/wiki/JSON" title="JSON" rel="nofollow">JSON</a>以及在对象属性上更完整的<a href="https://zh.wikipedia.org/wiki/%E5%8F%8D%E5%B0%84_%28%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%A7%91%E5%AD%A6%29" title="反射" rel="nofollow">反射</a><a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-4" title="[4]" rel="nofollow">[4]</a><a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-5" title="[5]" rel="nofollow">[5]</a><a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-6" title="[6]" rel="nofollow">[6]</a><a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-7" title="[7]" rel="nofollow">[7]</a><a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-8" title="[8]" rel="nofollow">[8]</a></td> 
  </tr> 
  <tr> 
   <td>5.1</td> 
   <td style="width:159px;">2011年6月</td> 
   <td>ECMAScript标5.1版形式上完全一致于国际标准ISO/IEC 16262:2011。</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td style="width:159px;">2015年6月</td> 
   <td>ECMAScript 2015（ES2015），第 6 版，最早被称作是 ECMAScript 6（ES6），添加了类和模块的语法，其他特性包括迭代器，Python风格的生成器和生成器表达式，箭头函数，二进制数据，静态类型数组，集合（maps，sets 和 weak maps），promise，reflection 和 proxies。作为最早的 ECMAScript Harmony 版本，也被叫做ES6 Harmony。</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td style="width:159px;">2016年6月</td> 
   <td>ECMAScript 2016（ES2016），第 7 版，多个新的概念和语言特性<a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-ES2016-9" title="[9]" rel="nofollow">[9]</a></td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td style="width:159px;">2017年6月</td> 
   <td>ECMAScript 2017（ES2017），第 8 版，多个新的概念和语言特性<a href="https://zh.wikipedia.org/wiki/ECMAScript#cite_note-:0-10" title="[10]" rel="nofollow">[10]</a></td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td style="width:159px;">2018年6月</td> 
   <td>ECMAScript 2018 （ES2018），第 9 版，包含了异步循环，生成器，新的正则表达式特性和 rest/spread 语法。</td> 
  </tr> 
  <tr> 
   <td>10</td> 
   <td style="width:159px;">2019年6月</td> 
   <td>ECMAScript 2019 （ES2019），第 10 版</td> 
  </tr> 
  <tr> 
   <td>11</td> 
   <td style="width:159px;">2020年6月</td> 
   <td>ECMAScript 2020 （ES2020），第 11 版</td> 
  </tr> 
 </tbody> 
</table>

**JavaScript**

> JavaScript由三个部分组成：ECMAScript（核心）+DOM（文档对象模型）+BOM（浏览器对象模型）
> 
> ECMAScript：作为核心，规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象  
> DOM：把整个页面映射为一个多层节点结果，开发人员可借助DOM提供的API，轻松地删除、添加、替换或修改任何节点。  
> BOM：支持可以访问和操作浏览器窗口的浏览器对象模型，开发人员可以控制浏览器显示的页面以外的部分

**ES5**

> **特性**
> 
> 1、strict模式  
> 2、Array的every、some、forEach、filter、indexOf、lastIndexOf、isArray、map、reduce、reduceRight等方法  
> 3、Object方法

**ES6**

> **特性**
> 
> 1、块级作用域 关键字let，常量const  
> 2、对象字面量的属性赋值简写  
> 3、赋值解构  
> 4、函数参数-默认值、参数打包、数组展开（Default、Rest、Spread）  
> 5、箭头函数 Arrow functions  
> 简化了代码形式，默认return表达式结果  
> 自动绑定语义this，即定义函数时的this。  
> 6、字符串模板Template strings  
> 7、Iterators（迭代器）+for..of  
> 迭代器的next方法，调用会返回：  
> （1）返回迭代对象的一个元素：\{done:false, value:elem\}  
> （2）如果已经达到迭代对象的末端：\{done:true, value:retVal\}  
> 8、生成器（Generators）  
> 9、Class，有constructor、extends、super  
> 10、Modules  
> （1）具有CommonJS的精简语法、唯一导出出口（single exports）和循环依赖（cyclic dependencies）的特点  
> （2）类似AMD，支持异步加载和可配置的模块加载  
> 11、四种集合类型，Map+Set+WeakMap+WeakSet  
> 12、一些新的API  
> Math+Number+String+Array+Object APIs  
> 13、Proxies  
> 使用代理（Proxy）监听对象的操作，包括get、set、has、deleteProperty、apply、construct、getOwnPropertyDescriptor、defineProperty、getPrototypeOf、setPrototypeOf、enumerate、ownKeys、preventExtensions、isExtensible。  
> 14、Symbols  
> 一种基本类型，通过调用symbol函数产生，接收一个可选的名字参数，该函数返回的symbol是唯一的。  
> 15、Promises  
> 是处理异步操作的对象，使用了Promise对象之后可以用一种链式调用的方式来组织代码，让代码更直观

**TypeScript**

> typescript相对于ES5有五大改善：
> 
>  *  类型
>  *  类
>  *  注解
>  *  模块导入
>  *  语言工具包（比如，结构）
> 
> typescript相对于ES6,最大的改善是增加了类型系统。

[JS--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/111055105
[JavaScript_ES5_ES6_-CSDN_es5_es6]: https://blog.csdn.net/henouren/article/details/77934183