博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES8 (2017)新特性
阅读量:6679 次
发布时间:2019-06-25

本文共 2526 字,大约阅读时间需要 8 分钟。

ES8新特性(2017)

  • async/await
  • Object.values()
  • Object.entries()
  • String padding: padStart()padEnd(),填充字符串达到当前长度
  • 函数参数列表结尾允许逗号
  • Object.getOwnPropertyDescriptors()
  • ShareArrayBufferAtomics对象,用于从共享内存位置读取和写入

1.async/await

ES2018引入异步迭代器(asynchronous iterators),这就像常规迭代器,除了next()方法返回一个Promise。因此await可以和for...of循环一起使用,以串行的方式(即使异步按一定顺序执行)运行异步操作。例如:

async function process(array) {  for await (let i of array) {    doSomething(i);  }}

2.Object.values()

Object.values()是一个与Object.keys()类似的新函数,但返回的是Object自身属性的所有值,不包括继承的值。

假设我们要遍历如下对象obj的所有值:

const obj = {a: 1, b: 2, c: 3};

不使用Object.values() :ES7

const vals=Object.keys(obj).map(key=>obj[key]);console.log(vals);//[1, 2, 3]

使用Object.values() :ES8

const values=Object.values(obj1);console.log(values);//[1, 2, 3]

从上述代码中可以看出Object.values()为我们省去了遍历key,并根据这些key获取value的步骤。

3.Object.entries()

Object.entries()函数返回一个给定对象自身可枚举属性的键值对的数组。

接下来我们来遍历上文中的obj对象的所有属性的key和value:

不使用Object.entries() :ES7

Object.keys(obj).forEach(key=>{    console.log('key:'+key+' value:'+obj[key]);})//key:a value:1//key:b value:2//key:c value:3

使用Object.entries() :ES8

for(let [key,value] of Object.entries(obj1)){    console.log(`key: ${key} value:${value}`)}//key:a value:1//key:b value:2//key:c value:3

4.String padding

在ES8中String新增了两个实例函数String.prototype.padStartString.prototype.padEnd,允许将空字符串或其他字符串添加到原始字符串的开头或结尾。

String.padStart(targetLength,[padString])

  • targetLength:当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度,则返回当前字符串本身。
  • padString:(可选)填充字符串。如果字符串太长,使填充后的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断,此参数的缺省值为 " "。
console.log('0.0'.padStart(4,'10')) //10.0console.log('0.0'.padStart(20))// 0.00

String.padEnd(targetLength,padString])  参数含义同padStart()

console.log('0.0'.padStart(4,'10')) //10.0console.log('0.0'.padStart(20))// 0.00

5.函数参数列表结尾允许逗号

主要作用是方便使用git进行多人协作开发时修改同一个函数减少不必要的行变更。你可以直接新加一行而不必给上一行再补充一个逗号。

//函数定义function clownsEverywhere(  param1,  param2,) { }//函数调用clownsEverywhere(  'foo',  'bar',);

6.Object.getOwnPropertyDescriptors()

Object.getOwnPropertyDescriptors()函数用来获取一个对象的所有自身属性的描述符,如果没有任何自身属性,则返回空对象。

函数原型:Object.getOwnPropertyDescriptors(obj)

返回obj对象的所有自身属性的描述符,如果没有任何自身属性,则返回空对象。

var obj={    name:"jack",    age:23,}console.log(Object.getOwnPropertyDescriptors(obj))

? 7.SharedArrayBuffer对象

SharedArrayBuffer 对象用来表示一个通用的,固定长度的原始二进制数据缓冲区,类似于 ArrayBuffer 对象,它们都可以用来在共享内存(shared memory)上创建视图。与 ArrayBuffer 不同的是,SharedArrayBuffer 不能被分离。

8.Atomics对象(这里不做详细说明)

Atomics 对象提供了一组静态方法用来对 SharedArrayBuffer 对象进行原子操作。

参考文章:https://juejin.im/post/5ca2e1935188254416288eb2

转载于:https://www.cnblogs.com/embrace-ly/p/10939895.html

你可能感兴趣的文章
JS实现页面打印
查看>>
广州市例外服饰有限公司_百度百科
查看>>
2014年3月新鲜出炉的最佳 JavaScript 工具库
查看>>
Android特性与系统架构
查看>>
java基础学习总结——Object类
查看>>
(转)2009-05-25 22:12 Outlook2007选择发送帐号
查看>>
WPF合并资源字典
查看>>
SPOJ 3273 - Order statistic set , Treap
查看>>
samba客户端配置及实例应用详解
查看>>
设计模式 -- 单例模式(Java&&PHP)
查看>>
安卓高手之路之 WindowManager
查看>>
监视键盘来获得密码
查看>>
Android 安装和启动另外一个应用
查看>>
Spark学习体系
查看>>
SD卡路径问题以及如何获取SDCard 内存
查看>>
程序员面试笔试宝典学习记录(七)(海量数据相关知识)
查看>>
公租自行车-北京经济技术开发区
查看>>
Android面试,IntentService的原理及使用
查看>>
IIS下浏览指定文件(如:web.config)
查看>>
[深入浅出WP8.1(Runtime)]应用实例——移动截图
查看>>