在 Electron 中使用 V8 和 Chromium 功能

建置 Electron 應用程式表示您只需要建立一個程式碼庫，並為一個瀏覽器設計，這非常方便。但由於 Electron 會隨著 Node.js 和 Chromium 的發布而保持更新，您也可以使用它們隨附的強大功能。在某些情況下，這可以消除您先前可能需要在 Web 應用程式中包含的相依性。

---

有許多功能，我們將在此處介紹一些範例，但如果您有興趣了解所有功能，您可以關注 Google Chromium 部落格和 Node.js 變更記錄。您可以在 electronjs.org/#electron-versions 看到 Electron 使用的 Node.js、Chromium 和 V8 版本。

透過 V8 支援 ES6

Electron 將 Chromium 的渲染函式庫與 Node.js 結合。兩者共用相同的 JavaScript 引擎 V8。許多 ECMAScript 2015 (ES6) 功能已內建於 V8 中，這表示您可以在 Electron 應用程式中使用它們，而無需任何編譯器。

以下是一些範例，但您也可以取得類別 (在嚴格模式下)、區塊範圍、Promise、類型化陣列等等。請查看 此清單，以取得有關 V8 中 ES6 功能的更多資訊。

箭頭函式

findTime () => {
  console.log(new Date())
}

字串插值

var octocat = 'Mona Lisa';
console.log(`The octocat's name is ${octocat}`);

新目標

Octocat() => {
  if (!new.target) throw "Not new";
  console.log("New Octocat");
}

// Throws
Octocat();
// Logs
new Octocat();

陣列包含

// Returns true
[1, 2].includes(2);

其餘參數

// Represent indefinite number of arguments as an array
(o, c, ...args) => {
  console.log(args.length);
};

Chromium 功能

感謝 Google 和貢獻者在 Chromium 中付出的所有努力，當您建置 Electron 應用程式時，您也可以使用很棒的功能，例如 (但不限於)

• MouseEvent.getModifierState()
• CSS.escape()
• Fetch API 串流

請關注 Google Chromium 部落格，以了解新版本發布時的功能，再次說明，您可以在 此處查看 Electron 使用的 Chromium 版本。

您對哪些功能感到興奮？

請在 Twitter 上使用 @ElectronJS 推文告訴我們您最喜歡的 V8 或 Chromium 內建功能。