EcmaScript 8或EcmaScript 2017在6月底由TC39正式釋出。 去年，似乎我們在談論EcmaScript。 這不是什麼 目前的標準是每年釋出一個新的ES規範版本一次。 ES6於2015年釋出，ES7於2016年釋出，但ES5釋出後卻有人記得嗎？ 這是發生在2009年，在JavaScript的神奇的興起之前。

所以我們將JavaScript的開發變化作為穩定的語言，現在我們需要將ES8輸入到我們的詞典中。

如果你是一個強大的人，深吸一口氣，閱讀規範的網頁或PDF版本。 對於其他的，在本文中，我們將通過程式碼示例來介紹ES8的主要新功能。

字串填充

此部分將兩個函式新增到String物件：padStart＆padEnd。
作為他們的名字，這些功能的目的是填充字串的開始或結束，以便生成的字串達到給定的長度。 您可以使用特定的字元或字串填充它，或者僅在預設情況下用空格填充。 以下是函式宣告：

str.padStart(targetLength [, padString])
str.padEnd(targetLength [, padString])

如您所見，這些函式的第一個引數是targetLength，即所得到的字串的總長度。 第二個引數是可選的padString，它是用於填充源字串的字串。 預設值為空格。

'es8'.padStart(2);          // 'es8'
'es8'.padStart(5);          // '  es8'
'es8'.padStart(6, 'woof');  // 'wooes8'
'es8'.padStart(14, 'wow'
 
);  // 'wowwowwowwoes8'
'es8'.padStart(7, '0');     // '0000es8'
'es8'.padEnd(2);          // 'es8'
'es8'.padEnd(5);          // 'es8  '
'es8'.padEnd(6, 'woof');  // 'es8woo'
'es8'.padEnd(14, 'wow');  // 'es8wowwowwowwo'
'es8'.padEnd(7, '6');     // 'es86666'

瀏覽器支援情況（MDN）

Object.values 和 Object.entries

Object.values方法以與for in迴圈所提供的順序相同的順序返回給定物件自己的列舉屬性值的陣列。 功能的宣告是微不足道的：

Object.values(obj)

obj引數是操作的源物件。 它可以是一個物件或陣列（這是一個索引像[10，20，30] - > {0：10，1：20，2：30}）的物件。

const obj = { x: 'xxx', y: 1 };
Object.values(obj); // ['xxx', 1]

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

// when we use numeric keys, the values returned in a numerical 
// order according to the keys
const obj = { 10: 'xxx', 1: 'yyy', 3: 'zzz' };
Object.values(obj); // ['yyy', 'zzz', 'xxx']
Object.values('es8'); // ['e', 's', '8']

Object.values的瀏覽器支援情況（MDN）

Object.entries方法以與Object.values相同的順序返回給定物件自己的可列舉屬性[key，value]對的陣列。 功能的宣告是微不足道的：

const obj = { x: 'xxx', y: 1 };
Object.entries(obj); // [['x', 'xxx'], ['y', 1]]

const obj = ['e', 's', '8'];
Object.entries(obj); // [['0', 'e'], ['1', 's'], ['2', '8']]

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']]

Object.entries的瀏覽器支援（MDN）

Object.getOwnPropertyDescriptors

getOwnPropertyDescriptors方法返回指定物件的所有屬性描述符。 自己的屬性描述符是直接在物件上定義的，不會從物件的原型繼承。 功能的宣告是：

Object.getOwnPropertyDescriptors(obj)

obj是源物件。 返回的描述符物件結果的可能鍵可配置，可列舉，可寫，獲取，設定和值。

const obj = { 
  get es7() { return 777; },
  get es8() { return 888; }
};
Object.getOwnPropertyDescriptor(obj);
// {
//   es7: {
//     configurable: true,
//     enumerable: true,
//     get: function es7(){}, //the getter function
//     set: undefined
//   },
//   es8: {
//     configurable: true,
//     enumerable: true,
//     get: function es8(){}, //the getter function
//     set: undefined
//   }
// }

描述符資料對於諸如裝飾器的高階功能非常重要。

瀏覽器支援情況（MDN）

功能引數列表和呼叫中的逗號

函式引數中的後跟逗號是編譯器在列表末尾新增不必要的逗號時不會引發錯誤（SyntaxError）的能力：

function es8(var1, var2, var3,) {
  // ...
}

作為函式宣告，這可以應用於函式的呼叫：

es8(10, 20, 30,);

此功能的靈感來源於物件文字和陣列文字[10，20，30，]和{x：1，}中的逗號後面。

非同步功能

非同步函式宣告定義了一個非同步函式，它返回一個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();

函式的呼叫將會導致在2秒之後列印 Hello, es8

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

輸出將會變成：

1 // immediately
2 // immediately
Hello, es8 // after 2 seconds

這是因為非同步函式不會阻塞程式的繼續執行。

注意一個非同步函式總是返回一個promise，一個await關鍵字可能只能在標有async關鍵字的函式中使用。

瀏覽器支援情況（MDN）

共享記憶體和原子

共享儲存器時，多個執行緒可以在記憶體中讀取和寫入相同的資料。 原子操作確保可預測的值被寫入和讀取，在下一個操作開始之前完成操作，並且操作不被中斷。 本節介紹一個新的建構函式SharedArrayBuffer和一個具有靜態方法的名稱空間物件Atomics。

Atomic物件是像Math這樣的靜態方法的物件，所以我們不能用它作為建構函式。 此物件中靜態方法的示例有：

• add / sub — 新增/減去特定位置的值的值
• and / or / xor — 按位與/按位或/按位異或
• load—獲取特定位置的值

瀏覽器支援情況（MDN）

下一年在ES9 - 提升模板文字限制

使用標記的模板文字（ES6），我們可以像宣告模板解析函式那樣做一些事情，並根據我們的邏輯返回一個值：

const esth = 8;
helper`ES ${esth} is `;
function helper(strs, ...keys) {
  const str1 = strs[0]; // ES
  const str2 = strs[1]; // is
  let additionalPart = '';
  if (keys[0] == 8) { // 8
    additionalPart = 'awesome';
  }
  else {
    additionalPart = 'good';
  }

  return `${str1} ${keys[0]} ${str2} ${additionalPart}.`;
}

返回的值將是→ES 8是真棒。
而對於7的返回值將是→ES 7是好的。

但是對於包含\ u或\ x子字串的模板有一個限制。 ES9將處理這個逸出的問題。 在MDN網站或TC39文件中瞭解更多資訊。

瀏覽器支援情況（MDN）

結論

JavaScript正在生產中，但它總是在更新。 規範採用新功能的過程非常安排和準備。 在最後階段，這些功能由TC39委員會確認並由核心開發人員實施。 他們大部分已經是Typescript語言，瀏覽器或其他polyfills的一部分，所以你現在可以去嘗試。