JavaScript ECMAScript版本介绍

青旅半醒 2022-01-11 05:11 342阅读 0赞

# 1. 介绍 #

## 1.1 什么是ECMAScript ##

ECMAScript，简称ES，是由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）按照ECMA-262和ISO/IEC 16262标准制定的一种脚本语言规范。

## 1.2 JavaScript 与 ECMAScript 的关系 ##

JavaScript是按ECMAScript规范实现的一种脚本语言，其他的还有JScript、ActionScript。

这三种语言还提供了ECMA规范外的额外功能。

## 1.3 ECMAScript版本 ##

截止到2017年年底，ECMAScript共发布了8个版本：

### ECMAScript 1 ###

1997年06月：发布首版。

### ECMAScript 2 ###

1997年06月：修改规范完全符合ISO/IEC 16262国际标准。

### ECMAScript 3 ###

1999年12月：增加正则、更好的文字处理、新的控制语句、try/catch异常处理、更加明确的错误定义，数字输出格式等等。

### ECMAScript 4 ###

放弃发布。

### ECMAScript 5 ###

2009年12月：完善了ECMAScript 3版本、增加"strict mode,"（严格模式）、以及新的功能，如getter和setter、JSON库支持和更完整的对象属性。

### ECMAScript 5.1 ###

2011年06月：使规范更符合ISO/IEC 16262:2011第三版。

### ECMAScript 6 ###

2015年06月：第六版的名字有很多，可以叫ECMAScript 6（ES6），也可以叫ECMAScript 2015（ES2015）。

此版本增加了非常重要的东西：let、const、class、modules、 arrow functions,、template string, destructuring, default, rest argument、binary data、promises等等。

规范地址：[http://www.ecma-international.org/ecma-262/6.0/][http_www.ecma-international.org_ecma-262_6.0]

ES6及以上的教程可参考Babel提供的： [https://babeljs.io/learn-es2015/][https_babeljs.io_learn-es2015]

### ECMAScript 7 ###

2016年06月：也被称为ECMAScript 2016。完善ES6规范，还包括两个新的功能：求幂运算符（\*）和array.prototype.includes方法。

规范地址：[http://www.ecma-international.org/ecma-262/7.0/][http_www.ecma-international.org_ecma-262_7.0]

### ECMAScript 8 ###

2017年06月：增加新的功能，如并发、原子操作、Object.values/Object.entries、字符串填充、promises、await/asyn等等。

规范地址：[http://www.ecma-international.org/ecma-262/8.0/][http_www.ecma-international.org_ecma-262_8.0]

# 2. 浏览器与JS新特性 #

## 2.1 查看浏览器支持情况 ##

JS的每隔一段时间就会出新的特性，而浏览器只有不断的升级才能满足这些，而且同一个浏览器各版本对新特性的支持情况也不一样。

网站：[https://caniuse.com/][https_caniuse.com] 提供了查看某个功能浏览器的支持情况。

如es6规范新增加的arrow function（箭头函数）的支持如下：

![L3Byb3h5L2h0dHBzL2ltYWdlczIwMTcuY25ibG9ncy5jb20vYmxvZy8xNTM0NzUvMjAxNzEyLzE1MzQ3NS0yMDE3MTIwNDEwMzQ0NzQ2Ni03OTQwMDAxNjkucG5n.jpg][]

可以看到IE所有版本完全不支持，chrome 45版本才开始支持。

## 2.2 Babel ##

想使用JS的新特性，又想兼容旧浏览器版本，那么就需要一种转换工具：把JS的新特性代码转换为旧浏览器可以支持的JS代码。而Babel就是这么一个工具。

Babel，官方介绍一个JavaScript编译器。说简单点就是把使用ES6及以上的特性的代码转换为对应的ES5代码，以使旧浏览器可以运行。

网址：[https://babeljs.io/][https_babeljs.io]

### 在gulp中使用Babel ###

Babel除了自身提供Babel built-ins外，还提供了其他构建工具的版本，本示例以gulp为例。

1) 安装gulp-babel

1.  npm install \--save\-dev gulp\-babel babel\-core babel\-preset\-env

2) 编写一段ES6的代码

创建一个app.js文件，并写入以下代码：

1.  var sayHello =(userName, age)=>\{ 
2.   console.log(userName \+' age is '\+ age);
3.  \};

3) 编写gulp文件

1.  var gulp =require('gulp');
2.  var babel =require('gulp-babel');
3.   
4.  gulp.task('default',function()\{ 
5.  return gulp
6.  .src('js/app.js')
7.  .pipe(
8.   babel(\{ 
9.   presets:\['env'\]
10. \})
11. )
12. .pipe(gulp.dest('dist'));
13. \});

4) 运行gulp后的结果

1.  'use strict';
2.   
3.  var sayHello =function sayHello(userName, age)\{ 
4.   console.log(userName \+' age is '\+ age);
5.  \};

End

[Web开发之路系列文章][Web]

菜单加载中...

## [JavaScript ECMAScript版本介绍的更多相关文章][JavaScript ECMAScript] ##

1.  [Xamarin Android教程Android基本知识版本介绍与系统介绍][Xamarin Android_Android]
    
    Xamarin Android教程Android基本知识版本介绍与系统介绍 Xamarin Android教程Android基本知识版本介绍与系统介绍,开发Andriod有时候不像iOS一样轻松,因为 ...
2.  [Cloudera Hadoop什么是CDH及CDH版本介绍][Cloudera Hadoop_CDH_CDH]
    
    本文引用自:Cloudera Hadoop什么是CDH及CDH版本介绍http://www.aboutyun.com/thread-6788-1-1.html(出处: about云开发) 云技术新兴的 ...
3.  [mysql学习之-三种安装方式与版本介绍][mysql_-]
    
    MYSQL版本介绍 mysql分alpha,beta,rc,GA四个版本. alpha  暗示这是一个以展示新特性为目的的版本,存在比较多的不稳定因素,还会向代码中添加新新特性beta 以后的beta ...
4.  [Hadoop发行版本介绍][Hadoop]
    
    前言 从2011年开始,中国进入大数据风起云涌的时代,以Hadoop为代表的家族软件,占据了大数据处理的广阔地盘.开源界及厂商,所有数据软件,无一不向Hadoop靠拢.Hadoop也从小众的高富帅领域 ...
5.  [Ubuntu版本介绍][Ubuntu]
    
    转自Ubuntu版本介绍 经常有人问起Ubuntu的版本选择问题,论坛中虽有帖子提及,但不是很详细,不集中,我就尝试把Ubuntu上的这点东东翻译一下,供大家参考,水平有限,敬请包涵.指正.  Ubu ...
6.  [Linux主要发行版本介绍][Linux]
    
    Linux主要发行版本介绍 1．Red Hat Linux Red Hat是一个比较成熟的Linux版本,无论在销售还是装机量上都比较可观.该版本从4.0开始同时支持Intel.Alpha及Sparc ...
7.  [JavaScript Date对象介绍][JavaScript Date]
    
    原文:JavaScript Date对象介绍 Date 日期和时间对象 1. 介绍 Date对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法. 2. 构造函数 2.1 new ...
8.  [eclipse各版本介绍][eclipse]
    
    记录下吧!以免以后下载时候又不知道下载那个: Eclipse IDE for Java Developers 是为java开发的 Eclipse IDE for Java EE Developers  ...
9.  [android studio的Beta, Canary, Dev, Stable四种Channel版本介绍、分析与选择][android studio_Beta_ Canary_ Dev_ Stable_Channel]
    
    一.概述 在Android Studio下载官网上,有如下介绍: \` Android Studio's built-in update mechanism can be set to receive ...

## 随机推荐 ##

1.  [gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题][gulp-uglify _gulp.watch]
    
    今天学习gulp时候,用到gulp-uglify压缩js模块,遇到的一个问题-当用gulp.watch来监听js文件的变动时出现重复压缩的问题 目录结构如下: gulpfile.js代码如下: var ...
2.  [Linux-磁盘及网络IO工作方式解析][Linux-_IO]
    
    PIO与DMA 有必要简单地说说慢速I/O设备和内存之间的数据传输方式. PIO我们拿磁盘来说,很早以前,磁盘和内存之间的数据传输是需要CPU控制的,也就是说如果我们读取磁盘文件到内存中,数据要经过C ...
3.  [\[.net 面向对象编程基础\] (21) 委托][.net _ _21_]
    
    \[.net 面向对象编程基础\] (20)  委托 上节在讲到LINQ的匿名方法中说到了委托,不过比较简单,没了解清楚没关系,这节中会详细说明委托. 1. 什么是委托? 学习委托,我想说,学会了就感觉简 ...
4.  [\[持续更新\]UnsatisfiedLinkError常见问题及解决方案][UnsatisfiedLinkError]
    
    想必很多开发者和我们一样,遇到过许多UnsatisfiedLinkError的困难,着实令人头疼,现在总结一下,希望能帮助更多的人. 常见错误 lib库不同目录下的SO文件参差不齐. lib库目录下的 ...
5.  [$.ajax()方法详解及实例][.ajax]
    
    1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...
6.  [MyBatis+springMVC+easyUI (dataGirl)实现分页][MyBatis_springMVC_easyUI _dataGirl]
    
    页面展示效果. 页面代码: <%@ page contentType="text/html;charset=UTF-8" language="java"  ...
7.  [WinCE开机Logo的实现(USB下载图片到nandflash)][WinCE_Logo_USB_nandflash]
    
    WinCE开机启动Logo使用Eboot读取NandFlash中的图片数据,然后显示的方式.对于开机logo的方式网友http://jazka.blog.51cto.com/809003/664131 ...
8.  [detangle c++ symbols][detangle c_ symbols]
    
    hust$ c++filt  \_ZN1AC2Ev hust$A::A()
9.  [WAS维护常用操作][WAS]
    
    0.WAS学习地址: http://www.open-open.com/doc/list/276?pn=1http://www.doc88.com/p-7498799200332.htmlhttp:/ ...
10. [WCF入门教程（三）属性标签][WCF]
    
    属性标签,成为定义协议的主要方式.先将最简单的标签进行简单介绍,以了解他们的功能以及使用规则. 服务协定标识,标识哪些接口是服务协定,哪些操作时服务协定的一部分,以及传输对象的定义.如果已经有所了解, ...

[http_www.ecma-international.org_ecma-262_6.0]: http://www.ecma-international.org/ecma-262/6.0/
[https_babeljs.io_learn-es2015]: https://babeljs.io/learn-es2015/
[http_www.ecma-international.org_ecma-262_7.0]: http://www.ecma-international.org/ecma-262/7.0/
[http_www.ecma-international.org_ecma-262_8.0]: http://www.ecma-international.org/ecma-262/8.0/
[https_caniuse.com]: https://caniuse.com/
[L3Byb3h5L2h0dHBzL2ltYWdlczIwMTcuY25ibG9ncy5jb20vYmxvZy8xNTM0NzUvMjAxNzEyLzE1MzQ3NS0yMDE3MTIwNDEwMzQ0NzQ2Ni03OTQwMDAxNjkucG5n.jpg]: /images/20220111/f5cd88a4a177439192b6c9af10803cc8.png
[https_babeljs.io]: https://babeljs.io/
[Web]: http://www.cnblogs.com/polk6/archive/2013/05/10/3071327.html
[JavaScript ECMAScript]: https://www.bbsmax.com/R/q4zVD2Yl5K/
[Xamarin Android_Android]: https://www.bbsmax.com/A/8Bz82KGL5x/
[Cloudera Hadoop_CDH_CDH]: https://www.bbsmax.com/A/kPzO2D4odx/
[mysql_-]: https://www.bbsmax.com/A/Ae5RyQ4NJQ/
[Hadoop]: https://www.bbsmax.com/A/ZOJPGWYEzv/
[Ubuntu]: https://www.bbsmax.com/A/MAzA63xnJ9/
[Linux]: https://www.bbsmax.com/A/kmzLoQ4YdG/
[JavaScript Date]: https://www.bbsmax.com/A/8Bz8gklVdx/
[eclipse]: https://www.bbsmax.com/A/RnJWe1YdqY/
[android studio_Beta_ Canary_ Dev_ Stable_Channel]: https://www.bbsmax.com/A/pRdB9gG5nx/
[gulp-uglify _gulp.watch]: https://www.bbsmax.com/A/WpdKLV1zVQ/
[Linux-_IO]: https://www.bbsmax.com/A/E35polrYJv/
[.net _ _21_]: https://www.bbsmax.com/A/ZOJPRWnodv/
[UnsatisfiedLinkError]: https://www.bbsmax.com/A/6pdDrBGOJw/
[.ajax]: https://www.bbsmax.com/A/pRdB8ebaJn/
[MyBatis_springMVC_easyUI _dataGirl]: https://www.bbsmax.com/A/mo5kwV0W5w/
[WinCE_Logo_USB_nandflash]: https://www.bbsmax.com/A/MAzA8Wa8d9/
[detangle c_ symbols]: https://www.bbsmax.com/A/QW5YX0yOJm/
[WAS]: https://www.bbsmax.com/A/MAzA8XqRd9/
[WCF]: https://www.bbsmax.com/A/1O5EDe7yJ7/