在ES6中解構。我應該擔心嗎？

嘗試解構並發現相同的代碼適用於stackoverflow而不是Codepen（玩具獲取「undefined」）：http://codepen.io/tsalexey544/pen/VjWxmm?editors=0010#在ES6中解構。我應該擔心嗎？

這是什麼意思？我應該擔心在我的項目中使用解構？

let obj = { 
 
    species: "Cat", 
 
    // toy: "ball", 
 
} 
 

 
function whatDoTheyDo ({species, toy = "ball"}) { 
 
    return `The ${species} playes with a ${toy}` 
 
} 
 

 
document.write(whatDoTheyDo(obj));

來源

2016-07-05 Alexey Tseitlin

你只需要預處理器設置爲CodePen babel，否則將使用標準的ES5，其中不支持解構。

如果要使用ES6/ES7功能，必須使用某些工具（如Babel）將代碼「轉儲」回ES5。一些瀏覽器已經支持一些ES6功能，但全面支持仍然不知何故。

編輯 - 要回答您的問題：是的，您應該擔心提供有效的ES5代碼，因爲ES6尚未得到完全支持。至少你應該將代碼提供給Babel併發布結果代碼，但我強烈建議你看看它Webpack並去完整的工具鏈

來源

2016-07-05 09:00:28 juandemarco

似乎這一定是CodePen中的一個錯誤 - 雖然 - 如果你將預處理器設置爲無，當然它應該保持代碼不變？但它似乎寫成函數whatDoTheyDo（{species，toy}）{' - 即缺少默認值，所以它對它進行了一些預處理，並將其打斷。 –

我還應該在我的服務器上設置babel嗎？或者ES6默認開啓？ –

@AlexeyTseitlin - Babel不應該是服務器端。這是一個翻譯庫。它將ES6代碼轉換爲在ES5兼容瀏覽器中運行的ES5代碼。 – evolutionxbox

在ES6中解構。我應該擔心嗎？

回答

相關問題