ECMAScript 2017

前言

ECMAScript2017发布于2017年的6月份，本文主要是介绍ECMAScript 2017 新增的语言特性，

主要有以下三个方面的Object ，String ，function

1.Object. values

let obj2 = {
    name: "loki",
    age: 20,
    sex: "female"
};
console.log(Object.values(obj2));
//返回包含值的数组
result =>[ 'loki', 20, 'female' ]

2.Object. entries

以数组形式返回对象中的键值对
let obj2 = {
    name: "loki",
    age: 20,
    sex: "female"
};
log(Object.entries(obj2));

//返回包含键值对的数组

result =>[ [ 'name', 'loki' ], [ 'age', 20 ], [ 'sex', 'female' ] ]

这样的话可以直接通过 forof方式直接遍历对象了

for (const [key, value] of Object.entries(obj2)) {

    log(key, value);
}

result => name loki

result => age 20

Map(3) { 'name' => 'loki', 'age' => 20, 'sex' => 'female' }sex female

由于map就是需要这种格式的数据我们可以把对象直接转换成map

log(new Map(Object.entries(obj2)));

result => Map(3) { 'name' => 'loki', 'age' => 20, 'sex' => 'female' }

3.Object.getOwnProperyDescriptors

获取对象的完整描述信息，演示如下
const obj = {
    firstName: "handsome",
    lastName: "Wang",
    age: 23,
    get name() {
        return `${this.firstName} ${this.lastName}`;
    },
};

// 直接复制上面的对象， getter属性会变成普通属性复制过来
const obj2 = Object.assign({}, obj);
obj2.firstName = "snoopy";
console.log(obj2.name); // Bruski Wang :这里已经变成普通属性， 还记录着上一个对象的值

// 应该使用 Object.getOwnPropertyDescriptors 拿到属性完整描述， 再 defineProperties
const descriptors = Object.getOwnPropertyDescriptors(obj);
console.log(descriptors);
const obj3 = Object.defineProperties({}, descriptors);
obj3.firstName = "Loki";
console.log(obj3.name); // Loki Wang

String.property.padStart / String.property.padEnd

参数 (count, str)

用指定的字符填充到指定字符数，常用于输出格式化

const books = {
  html: 5,
  css: 16,
  javascript: 128,
};

for (const [name, count] of Object.entries(books)) {
  const padName = name.padEnd(16, "-"); // 尾部填充中划线
  const padCount = count.toString().padStart(3, 0); // 补充前导0
  // => html------------ 005 
  // => css------------- 016 
  // => javascript------ 128
  console.log(padName, padCount);
}

允许函数最后一个参数带逗号

减少 git diff,便于调整参数顺序

const add = (params1, params2, ) => {

    return params1 + params2
    
};

log(add(10, 20)) 

//result => 30

谢谢观看，如有不足，敬请指教