当前位置: 代码迷 >> JavaScript >> ES 6至ES 5需要帮助修复
  详细解决方案

ES 6至ES 5需要帮助修复

热度:37   发布时间:2023-06-05 16:28:20.0

我有两段代码是ES6 ,但是我需要在一个类中使用ES5 创建ES5中列出的每种方法的最佳方法是什么? 我正在从数组中输出这些,并且数组中的每个值都需要在新行上。

  1. tools.forEach(tools => console.log(tools));

  2. tools.sort().forEach(tools => console.log(tools));

只需使用如下function转换它:

tools.forEach(function(tool) {
    console.log(tool);
});

并为另一个添加sort

tools.sort().forEach(function(tool) {
    console.log(tool);
});

请注意,尽管您提供的ES6中存在隐式返回,但实际上在forEach()循环中并不需要它,这就是为什么我将其排除在外-如果您愿意,可以随时将其添加回去。

您可以使用此babel编译器将代码示例从ES6转换为ES5

tools.forEach(tools => console.log(tools));

变为:

tools.forEach(function (tools) {
  return console.log(tools);
});

tools.sort().forEach(tools => console.log(tools));

变为:

tools.sort().forEach(function (tools) {
  return console.log(tools);
});

唯一的区别在于=>您可以像这样简单地编写它;

tools.forEach(function (tools) {
  return console.log(tools);
});

使用function替换=>

1

tools.forEach(tools => console.log(tools));

用给定的代码替换

tools.forEach(function(tools){
    console.log(tools));
});

第2

tools.sort().forEach(tools => console.log(tools));

用给定的代码替换

tools.sort().forEach(function(tools){
    console.log(tools));
});

这是将转换的链接

  相关解决方案