ES2017中的新功能:异步功能,改进的对象等等
ES2017 (ECMAScript 2017) 为 JavaScript 引入了多项重要更新,本文将重点介绍这些更新,并简要概述其更新流程。
核心要点
- 异步函数 (Async functions): 允许像编写同步代码一样编写基于 Promise 的异步代码。所有现代浏览器(IE 和 Opera Mini 除外)和 Node.js 7.6 都支持此功能。
-
对象处理的新方法: 包括
Object.values()
、Object.entries()
和Object.getOwnPropertyDescriptors()
。大多数现代浏览器和 Node.js 7.0 都支持这些方法。 - 字符串填充方法 (.padStart() 和 .padEnd()): 简化字符串格式化。所有现代浏览器(IE 除外)和 Node.js 8.0 都支持。
- 允许尾随逗号: 在对象定义、数组声明、函数参数列表等中允许尾随逗号。所有浏览器和 Node.js 都支持。函数参数中的尾随逗号在撰写本文时仅在 Chrome 58 和 Firefox 52 中受支持。
更新流程
JavaScript (ECMAScript) 标准不断发展,由众多厂商在多个平台上实现。ES6 (ECMAScript 2015) 历时六年才最终完成,规模庞大。为了简化流程并快速添加新功能,制定了新的年度发布流程。
技术委员会 39 (TC39) 由浏览器厂商等参与者组成,他们遵循严格的流程推进 JavaScript 的提案:
阶段 0:构想 (strawman) – 对新的或改进的 ECMAScript 功能的初步构想。
阶段 1:提案 (proposal) – 由至少一名 TC39 成员倡导的正式提案文件,包括 API 示例、语言语义、算法、潜在障碍、polyfill 和演示。
阶段 2:草案 (draft) – 功能规范的初始版本。需要两个实验性实现,其中一个可以在 Babel 等转译器中实现。
阶段 3:候选 (candidate) – 对提案规范进行审查,并收集厂商的反馈。
阶段 4:完成 (finished) – 提案已准备好包含在 ECMAScript 中。只有达到此阶段的功能才被认为是标准。但是,在浏览器和 Node.js 等运行时中,它的发布可能需要更长时间。
ES2016 规模很小,旨在验证标准化流程。添加了两个新功能:
- 数组的
.includes()
方法,当数组中包含某个值时返回 true 或 false。 -
a ** b
幂运算符,与Math.pow(a, b)
相同。
ES2017 的新功能
ES2017 (或旧称 ES8) 被认为是对 ECMAScript 规范的第一次适当修订。它提供了以下功能……
异步函数
与大多数语言不同,JavaScript 默认情况下是异步的。可能需要任意时间的命令不会停止执行。这包括诸如请求 URL、读取文件或更新数据库之类的操作。必须传递一个回调函数,该函数在知道该操作的结果时执行。
当必须按顺序执行一系列嵌套的异步函数时,这可能会导致回调地狱。例如:
1 2 3 4 5 6 7 8 9 |
|
ES2015 (ES6) 引入了 Promise,它提供了一种更清晰的方式来表达相同的功能。一旦你的函数被 Promisify,它们就可以使用以下方式执行:
1 2 3 4 5 |
|
ES2017 异步函数扩展了 Promise,使异步调用更加清晰:
1 2 3 4 5 6 |
|
await
有效地使每个调用看起来像是同步的,同时不会占用 JavaScript 的单一处理线程。
异步函数在所有现代浏览器(IE 和 Opera Mini 除外)和 Node.js 7.6 中受支持。它们将改变你编写 JavaScript 的方式,并且可以专门撰写一篇关于回调、Promise 和异步函数的文章。
Object.values()
、Object.entries()
、Object.getOwnPropertyDescriptors()
、.padStart()
和 .padEnd()
以及尾随逗号的说明与原文类似,在此不再赘述。
SharedArrayBuffer 和 Atomics
SharedArrayBuffer 对象用于表示固定长度的原始二进制数据缓冲区,可以在 Web Worker 之间共享。Atomics 对象提供了一种可预测的方式来读取和写入由 SharedArrayBuffer 定义的内存位置。
虽然 Chrome 和 Firefox 都实现了这两个对象,但在 2018 年 1 月由于 Spectre 漏洞而被禁用。
完整的 ECMAScript 2017 语言规范可在 ECMA 国际网站上找到。
ES2017 常见问题解答 (FAQ)
(FAQ 部分与原文类似,在此不再赘述,可以根据需要选择性保留或改写。)
以上是ES2017中的新功能:异步功能,改进的对象等等的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

简单JavaScript函数用于检查日期是否有效。 function isValidDate(s) { var bits = s.split('/'); var d = new Date(bits[2] '/' bits[1] '/' bits[0]); return !!(d && (d.getMonth() 1) == bits[1] && d.getDate() == Number(bits[0])); } //测试 var

本文探讨如何使用 jQuery 获取和设置 DOM 元素的内边距和外边距值,特别是元素外边距和内边距的具体位置。虽然可以使用 CSS 设置元素的内边距和外边距,但获取准确的值可能会比较棘手。 // 设置 $("div.header").css("margin","10px"); $("div.header").css("padding","10px"); 你可能会认为这段代码很

本文探讨了十个特殊的jQuery选项卡和手风琴。 选项卡和手风琴之间的关键区别在于其内容面板的显示和隐藏方式。让我们深入研究这十个示例。 相关文章:10个jQuery选项卡插件

发现十个杰出的jQuery插件,以提升您的网站的活力和视觉吸引力!这个精选的收藏品提供了不同的功能,从图像动画到交互式画廊。让我们探索这些强大的工具: 相关文章: 1

HTTP-Console是一个节点模块,可为您提供用于执行HTTP命令的命令行接口。不管您是否针对Web服务器,Web Serv

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

当div内容超出容器元素区域时,以下jQuery代码片段可用于添加滚动条。 (无演示,请直接复制到Firebug中) //D = document //W = window //$ = jQuery var contentArea = $(this), wintop = contentArea.scrollTop(), docheight = $(D).height(), winheight = $(W).height(), divheight = $('#c
