ES 6 до ES 5 нужна помощь в ремонте

Question

У меня есть два кода, которые ES6 , но мне нужно использовать ES5 для класса.Каков наилучший способ создания каждого из перечисленных в ES5 ?Я выводю их из массива, и каждое из значений в массиве должно быть в новой строке.

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

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

Answer 1

Заменить => с помощью 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));
});

Это ссылка для преобразования ES6 в ES5

Answer 2

Единственная разница с =>, вы можете просто написать это так:

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

Answer 3

Просто перенесите его, используя function, вот так:

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

И добавьте sort для другого:

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

Обратите внимание, что хотя есть неявный возвратв предоставленной вами ES6 она на самом деле не нужна в цикле forEach(), поэтому я исключил ее - не стесняйтесь добавлять ее обратно, если хотите.

Answer 4

Вы можете использовать этот babel-компилятор для преобразования примеров кода из ES6 в ES5

https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=C4exBsGcDpJAnYAKAlNAZggogQwMYAWSoEkABALwB8ZeIAdnOAKbTggDmxYUKKA3EA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=7.3.4

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);
});