es8

es8

es8的五个特性：

1. 字符串补全 String.prototype.padStart(length [, string])和String.prototype.padEnd(length [, string])`

   • padStart

     'abc'.padStart(1); // 'abc'
     'abc'.padStart(1, 'def'); // 'abc'
     // 只要第一个参数不大于原字符串长度就会返回原字符串

     'abc'.padStart(4); // ' abc'(注意：前面有一个空格)
     'abc'.padStart(4, 'def'); // 'dabc'
     'abc'.padStart(8, 'def'); // 'defdeabc'
     // 只要第一个参数大于原字符串长度，就会在前面补上第二个参数的内容，没有第二个参数则补空格。

   • padEnd

     'abc'.padEnd(1); // 'abc'
     'abc'.padEnd(1, 'def'); // 'abc'
     // 只要第一个参数不大于原字符串长度就会返回原字符串

     'abc'.padEnd(4); // 'abc '(注意：后面有一个空格)
     'abc'.padEnd(4, 'def'); // 'abcd'
     'abc'.padEnd(8, 'def'); // 'abcdefde'
     // 只要第一个参数大于原字符串长度，就会在后面补上第二个参数的内容，没有第二个参数则补空格。

2. Object.values()和Object.entries();

   • 对象

     const obj1 = {
     'x': 'xx',
     'y': 'yy'
     }
     const obj2 = {
     10: 'xx',
     5: 'yy'
     }

     Object.values(obj1); // ['xx', 'yy']
     Object.entries(obj1); // [['x', 'xx'], ['y', 'yy']]

     Object.values(obj2); // ['yy', 'xx']
     Object.entries(obj2); // [[5, 'yy'], [10, 'xx']]

   • 数组

     const arr = ['x', 'y'];

     Object.values(arr); // ['x', 'y']
     Object.entries(arr); // [['0', 'x'], ['1', 'y']]

   • 字符串

     const str = ’xy';

     Object.values(str); // ['x', 'y']
     Object.entries(str); // [['0', 'x'], ['1', 'y']]

3. 函数结尾可以使用逗号

   function foo(a, b,) {};
   foo(1, 2,);

4. async...await

   async function f() {
   const n1 = await foo1();
   console.log(n1);
   }

   function foo1() {
   return new Promise((res, rej) => {
   setTimeout(() => {
   res(1);
   }, 1000);
   });
   }

   f(); // 1s后显示1

5. Object.getOwnPropertyDescriptors

   • 只会返回对自身属性的描述，不会返回对继承属性的描述

     function Obj() {
     this.prop1 = 'prop1';
     }
     Obj.prototype.prop2 = 'prop2';

     const obj = new Obj();

     Object.defineProperty(obj, 'prop3', {
     value: 'prop3',
     enumerable: false,
     writable: false,
     configurable: false
     });

     Object.getOwnPropertyDescriptors(obj);
     // {
     prop1: {
     value: 'prop1',
     writable: true,
     enumerable: true,
     configurable: true
     },
     prop3: {
     value: 'prop3',
     writable: false,
     enumerable: false,
     configurable: false
     }
     }