在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中解构。我应该担心吗？

回答

相关问题