透明度簡介

例子

ES6 / ES2015 到 ES5(通過 Babel

這個 ES2015 語法

// ES2015 arrow function syntax 
[1,2,3].map(n => n + 1); 

被解釋並轉換為此 ES5 語法:

// Conventional ES5 anonymous function syntax 
[1,2,3].map(function(n) {   
    return n + 1; 
});

CoffeeScript 到 Javascript(通過內建的 CoffeeScript 編譯器)

這個 CoffeeScript

# Existence:
alert "I knew it!" if elvis?

被解釋並翻譯成 Javascript:

if (typeof elvis !== "undefined" && elvis !== null) {
  alert("I knew it!");
}

我如何變換?

大多數編譯到 Javascript 語言都內建了一個轉換器 (如 CoffeeScript 或 TypeScript)。在這種情況下,你可能只需要通過配置設定或核取方塊啟用語言的轉換器。也可以相對於轉換器設定高階設定。

對於 ES6 / ES2016-to-ES5 的轉換,使用的最突出的轉換器是 Babel

我為什麼要透露?

引用最多的好處包括:

  • 能夠可靠地使用更新的語法
  • 大多數(如果不是所有)瀏覽器之間的兼
  • 通過 CoffeeScript 或 TypeScript 等語言對 Javascript 使用缺失/非原生功能