ES8（2017）新特性學習

字符串填充

（1）從前填充：str.padStart(targetLength [, padString]);

 

示例：
'es8'.padStart(7, '0');     // '0000es8'

 

（2）從後填充：str.padEnd(targetLength [, padString])

 

示例：
'es8'.padEnd(7, '6');     // 'es86666'

對象值遍歷

（1）Object.values(obj)；

Object.values 函數會返回指定對象的可枚舉的屬性值數組，數組中值順序與 for-in 循環保持一致；

首個參數 obj 即爲須要遍歷的目標對象，它能夠爲某個對象或者數組（數組能夠看作鍵爲下標的對象）：

示例：

const obj = ['e', 's', '8']; // same as { 0: 'e', 1: 's', 2: '8' }; 
Object.values(obj); // ['e', 's', '8']

（2）Object.entries(obj)；

Object.entries 方法則會將某個對象的可枚舉屬性與值按照二維數組的方式返回，數組中順序與 Object.values 保持一致，該函數的聲明與使用爲：

const obj = { 10: 'xxx', 1: 'yyy', 3: 'zzz' };
Object.entries(obj); // [['1', 'yyy'], ['3', 'zzz'], ['10': 'xxx']]
Object.entries('es8'); // [['0', 'e'], ['1', 's'], ['2', '8']]

異步函數

四種使用方式：

• 函數聲明： async function foo() {}
• 函數表達式： const foo = async function() {}
• 對象的方式： let obj = { async foo() {} }
• 箭頭函數： const foo = async () => {}

ES8 中容許使用 async/await 語法來定義與執行異步函數，async 關鍵字會返回某個 AsyncFunction 對象；在內部實現中雖然異步函數與迭代器的實現原理相似，可是其並不會被轉化爲迭代器函數：

function fetchTextByPromise() {
  return new Promise(resolve => { 
    setTimeout(() => { 
      resolve("es8");
    }, 2000);
  });
}
async function sayHello() { 
  const externalFetchedText = await fetchTextByPromise();
  console.log(`Hello, ${externalFetchedText}`); // Hello, es8
}
sayHello();

console.log(1);
sayHello();
console.log(2);

// 調用結果
1 // immediately
2 // immediately
Hello, es8 // after 2 seconds