ES5，6，7浅析

最新推荐文章于 2024-08-21 17:00:15 发布
最新推荐文章于 2024-08-21 17:00:15 发布
阅读量3.4k 收藏 3
点赞数
分类专栏： js 文章标签： javascript 标准
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20334295/article/details/54669545
版权

ECMAScript

ES是EXMAScript的简称，是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。

历史

1998年6月，ECMAScript 2.0版发布。
1999年12月，ECMAScript 3.0版发布，成为JavaScript的通行标准，得到了广泛支持。
2007年10月，ECMAScript 4.0版草案发布，对3.0版做了大幅升级，预计次年8月发布正式版本。草案发布后，由于4.0版的目标过于激进，各方对于是否通过这个标准，发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司，反对JavaScript的大幅升级，主张小幅改动；以JavaScript创造者Brendan Eich为首的Mozilla公司，则坚持当前的草案。
2008年7月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激进，ECMA开会决定，中止ECMAScript 4.0的开发，将其中涉及现有功能改善的一小部分，发布为ECMAScript 3.1，而将其他激进的设想扩大范围，放入以后的版本，由于会议的气氛，该版本的项目代号起名为Harmony（和谐）。会后不久，ECMAScript 3.1就改名为ECMAScript 5。
2009年12月，ECMAScript 5.0版正式发布。Harmony项目则一分为二，一些较为可行的设想定名为JavaScript.next继续开发，后来演变成ECMAScript 6；一些不是很成熟的设想，则被视为JavaScript.next.next，在更远的将来再考虑推出。
2011年6月，ECMAscript 5.1版发布，并且成为ISO国际标准（ISO/IEC 16262:2011）。
2013年3月，ECMAScript 6草案冻结，不再添加新功能。新的功能设想将被放到ECMAScript 7。
2013年12月，ECMAScript 6草案发布。然后是12个月的讨论期，听取各方反馈。
2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。

虽然从来没记过这些，不过也要写上，专业！

ES5

ES5作为2009年的语言，已经使用了好几年了，在这个方面的浏览器支持都还不错，至少新型浏览器都是支持的，IE9以上的浏览器支持都不错，顺便问一句还有支持ie9以下的公司还多么，在ES5中主要扩展了Object、Array、Function这几个对象的方法，还有我工作中经常处理json的JSON.parse和JSON.stringify。像这些属性感觉配合underscore一起使用风味更佳。
详见 ES5新特性
ES5兼容性对照表

ES6

ES6作为2015年发布的， ES2015==ES6(true),常用于nodejs，虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了，所以该懂点ES6的语法了。为了使用ES6的语法体验下新的技术，你需要使用babel，Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行（intersting）。
ES6十大新特性（英文）
ES6兼容性对照表
最常用的ES6特性let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
详见 ES6常用特性

ES5,6浏览器支持情况

ES7

es7目前用的比较少，也是我之前面试的时候面试官问到的，听到之后就尴尬了，我靠，还有这家伙的？
ES7中主要是Object.observe和async,说实话感觉不懂，但我还是会可耻的推荐几篇
详见 如何评价 ECMAScript 2016（ES7）只新增2个特性？

机智的皮卡丘
关注
专栏目录
ES5、6、7最常用的知识点概括总结
qq_42496307的博客
05-15 518
ECMAScript 它是一种由ECMA组织（前身为欧洲计算机制造商协会）制定和发布的脚本语言规范 JavaScript 是ECMA的实现 JS 包含三个部分 ECMAScript（核心） 扩展==》浏览器端 BOM （浏览器对象模型） DOM（文档对象模型） 3.扩展==》服务器端 Node ES的几个重要版本 ES5：09年发布 ES6（ES2015）：15年发布，也称为ECM...
浅析Javascript ES6中的原生Promise
10-21
在JavaScript的世界里，ES6引入了Promise对象，旨在解决异步编程中的回调地狱问题，使得代码结构更加清晰，可读性更强。Promise是处理异步操作的一种方式，它代表了一个将来可能完成或失败的值。...
ES5、6、7浅析
weixin_30339457的博客
04-05 131
ECMA Script 它是一种由ECMA组织（前身为欧洲计算机制造商协会）制定和发布的脚本语言规范 而我们学的JavaScript是ECMA的实现, 但术语ECMAScript和JavaScript平时表达同一个意思 JS包含三个部分： ECMAScript（核心） 浏览器端扩展 DOM（文档对象模型） BOM（浏览器对象模型） 服务器端扩展 ...
ES5到ES6 js的语法更新
最新发布
weixin_45939821的博客
08-21 1156
js是一门弱语言类型，为了实现更有逻辑的代码，需要不断更新语法规范，es就是用来规范js语法的标准。09年发布了es5，到15年发布es6，到现在es6泛指es5.1以后的版本es2016，es2017。
js语言规范_ES5-6-7_个人总结
weixin_30485799的博客
03-27 163
## **理解ES** 1.全称: ECMAScript 2.js语言的规范 3.我们用的js是它的实现 4.js的组成 *ECMAScript(js基础) *扩展-->浏览器端 *BOM *DOM *扩展-->服务器端 *Node.js ## ES5 1.**严格模式** *...
ES5与ES6
demin3278的博客
02-25 161
一、ES5及ES6 　　（一）严格模式 　　（二）bind/call/apply（改变上下文this指向，都是函数对象的方法） 　　　　1、bind：返回值是一个函数 　　　　2、call：返回值是一个对象 　　　　3、apply：返回值是一个对象 　　（三）JSON.parse/JSON.stringify 　　　　1、JSON.parse（）：将json字符串转为jso...
ES5、ES6、ES7、ES8特性
xuxuan1997的博客
08-29 5867
1.JavaScript ECMAScript、DOM（文档对象模型）、BOM（浏览器对象模型） JavaScript语言的执行环境是“单线程” 2.ES5 strict模式 不允许使用未声明的变量 不允许删除变量或对象、函数 不允许变量重名 不允许使用八进制 不允许使用转义字符 不允许对只读属性赋值 不允许对一个使用getter方法读取的属性进行赋值 不允许删...
浅析vue数据绑定1
08-03
1. **Object.defineProperty**: Vue利用JavaScript ES5中的`Object.defineProperty()`方法来劫持对象属性的`get`和`set`操作，从而实现在数据变化时能即时监测并更新视图。当数据被访问或修改时，`get`和`set`拦截器...
Vue渲染过程浅析
10-17
Vue使用了`Object.defineProperty`方法来实现响应式，这是ES5中的一个特性，使得Vue能够在不支持该特性的浏览器（例如IE8及以下版本）上运行。 综上所述，Vue的渲染过程涉及到了模板编译、虚拟DOM的生成、虚拟DOM与...
关于js中for in的缺陷浅析
10-26
但在不支持ES5的旧浏览器中，如IE6、IE7和IE8，如果手动为内置构造器的原型添加了这些方法，for in循环将会遍历到这些方法。因此，在跨浏览器的代码设计中，依赖于for in循环来获取对象的属性可能会导致不一致的行为...
JavaScript递归操作实例浅析
10-21
但是，`arguments.callee`在ES5的严格模式下是不允许的，因此在现代JavaScript中，我们通常采用函数表达式来确保函数的自引用： ```javascript var factorial = (function f(n) { if (n ) { return 1; } else { ...
ES5和ES6
lff18277233091的博客
01-24 542
ES5和ES6 我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已 比如我们使用的微信 最早的版本是没有支付功能的 随着时间的流逝，后来出现了一个版本，这个版本里面有支付功能了 ECMAScript 就是 js 的语法 以前的版本没有某些功能 在 ES5 这个版本的时候增加了一些功能 在 ES6 这个版本的时候增加了一些功能 因为浏览器是浏览器厂商生产的...
React/React Native 的ES5 ES6写法对照表
weixin_30293135的博客
03-21 445
转载：http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8 英文版:https://babeljs.io/blog/2015/06/07/react-on-es6-plus 很多React/React ...
es5、es6、es7知识点的归纳与总结（笔记）
u010716530的博客
12-24 4967
es5和es6混合 1.super super关键字使得子类调用了父类中的构造函数,父类可以使用子类传进来的属性进行各种运算, super 关键字 还可以调用父类的方法 class Father{ constructor(x,y){ this.x=x; this.y=y; } sum(){ cons...
数组常用方法 （ES4、ES5、ES6以及ES7）
朵拉多的博客
05-25 873
把数组转换为字符串 1）JavaScript 方法 toString()把数组转换为数组值（逗号分隔）的字符串。 实例： <!DOCTYPE html> <html> <body> <h1>JavaScript 数组方法</h1> <h2>toString()</h2> <p id="demo"></p> <script> var fruits = ["Banana", "Ora
干货：es5/es6/es7
lzccheng
12-03 755
https://juejin.im/post/5c02b106f265da61764aa0c1
ES5-ES6-ES7_Promise对象详解
03-26 177
Promise对象概述（什么是Promise） Promise 是异步编程的一种解决方案，比传统的异步解决方案——回调函数和事件——更合理和更强大 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 提供统一的 API，各种异步操作都可以用同样的方...
ES5、ES6、ES7电子教程
我用CV我自豪。
11-03 315
http://yanhaijing.com/es5/#about   ES5电子教程 中文版：http://yanhaijing.com/es5/#58 英文版：https://people-mozilla.org/~jorendorff/es5.1-final.html ES6电子教程 中文版：http://es6.ruanyifeng.com/ 英文版：http://www.e...
es5 es6 es7 es8新特性
weixin_44990056的博客
06-20 772
https://blog.csdn.net/qq_34586870/article/details/89515336?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.none
node ed6转es5
09-20
### 回答1： 将 Node.js 中的 ECMAScript 6 (ES6) 代码转换成 ES5 代码可以使用许多工具。以下是几种方法： 1.使用 Babel 编译器：Babel 是一种流行的编译器，可以将 ES6 代码转换为向后兼容的 ES5 代码。可以通过命令行安装 Babel，然后使用它来编译代码。 2.使用 TypeScript 编译器：TypeScript 是一种支持 ES6 的编程语言，并且也可以将 ES6 代码编译成 ES5 代码。可以通过命令行安装 TypeScript，并使用它来编译代码。 3.使用 Webpack：Webpack 是一种 JavaScript 应用程序打包工具，可以将 ES6 代码转换成 ES5 代码，并将多个文件打包成一个文件。可以通过 Webpack 配置文件中的 Loader 来配置代码的转换方式。 无论使用哪种方法，都需要安装相应的工具，并按照其文档说明来转换代码。 ### 回答2： 将 Node.js 的 ECMA Script 6 (ES6) 代码转换为 ECMA Script 5 (ES5) 可以通过使用不同的工具和方法来实现。下面是一种常见的方法： 1. 使用 Babel：Babel 是一个流行的 JavaScript 编译器，可以将 ES6 代码转换为 ES5。可以通过以下步骤进行转换： - 安装 Babel：在 Node.js 项目的根目录中运行以下命令安装 Babel： ``` npm install --save-dev @babel/core @babel/cli @babel/preset-env ``` - 创建 `.babelrc` 文件：在项目根目录下创建名为 `.babelrc` 的文件，并将以下内容添加到文件中： ```json { "presets": ["@babel/preset-env"] } ``` - 转换代码：在命令行中运行以下命令来转换代码： ``` npx babel src --out-dir dist ``` 这将会将 `src` 目录下的所有 ES6 代码转换为 ES5，并将转换后的代码输出到 `dist` 目录中。 2. 使用其他工具：除了 Babel，还有其他一些工具可以将 ES6 转换为 ES5。例如，可以使用 TypeScript 的编译器 `tsc` 来进行转换，或者使用 Webpack、Gulp 或 Grunt 这样的构建工具集成转换功能。具体的使用方法取决于你所选择的工具。 需要注意的是，ES6 和 ES5 之间存在一些语法和功能的差异，因此在转换代码之前，请确保熟悉目标平台的限制和要求，并进行适当的代码调整和测试，以确保代码在转换后仍然可以正常运行。 ### 回答3： 将 Node.js 6 转换为 ES5 有几种不同的方法和工具可以选择。以下是其中两种常用的方法： 1. 使用 Babel 编译器：Babel 是一个非常受欢迎的 JavaScript 编译器，可以将 ES6（ES2015）代码转换为 ES5 代码。要将 Node.js 6 代码转换为 ES5，首先需要安装 Babel。在项目的根目录下，运行以下命令安装 Babel 及相关插件： ``` npm install --save-dev @babel/cli @babel/preset-env ``` 然后，在项目的根目录下创建一个名为 `.babelrc` 的文件，并在其中配置 Babel： ```json { "presets": ["@babel/preset-env"] } ``` 接下来，你可以使用 Babel 命令来编译你的 Node.js 6 代码： ``` npx babel src --out-dir lib ``` 其中，`src` 是存放 Node.js 6 代码的目录，`lib` 是存放转换后的 ES5 代码的目录。 2. 使用 TypeScript 编译器：如果你的 Node.js 6 代码已经使用了 TypeScript，则可以直接使用 TypeScript 编译器将其转换为 ES5 代码。要使用 TypeScript 编译器，首先需要在项目中安装 TypeScript： ``` npm install --save-dev typescript ``` 然后，在项目的根目录下创建一个名为 `tsconfig.json` 的文件，并在其中配置 TypeScript 编译选项： ```json { "compilerOptions": { "target": "es5", "outDir": "lib", "module": "commonjs", "strict": true }, "include": ["src"] } ``` 接下来，你可以使用 TypeScript 命令来编译你的 Node.js 6 代码： ``` npx tsc ``` 以上两种方法都可以将 Node.js 6 代码转换为 ES5 代码，使其能够在不支持 ES6 的环境中运行。根据你的具体需求和项目配置，选择适合的方法来进行转换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值