zoukankan      html  css  js  c++  java
  • ES8 (2017)新特性

    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.0
    console.log('0.0'.padStart(20))// 0.00    

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

    console.log('0.0'.padStart(4,'10')) //10.0
    console.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

  • 相关阅读:
    [GEiv]第七章:着色器 高效GPU渲染方案
    Cocos2d-x 脚本语言Lua介绍
    TestNg依靠先进的采用强制的依赖,并依赖序列的------TestNg依赖于特定的解释(两)
    uboot通过使用U磁盘引导内核RT5350成功
    linux下一个rsync工具和配置
    STM32 模拟I2C (STM32F051)
    Something write in FSE 2014
    ESB (Enterprise Service Bus) 入门
    Spring框架:Spring安全
    “TNS-03505:无法解析名称”问题解决一例
  • 原文地址:https://www.cnblogs.com/embrace-ly/p/10939895.html
Copyright © 2011-2022 走看看