Как правильно передать окружение в стрелочную функцию с фигурными скобками?
Без фигурных скобок вокруг выражения стрелочной функции, material доступен внутри функции
1 2 3 4 5 |
const materials = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; console.log(materials.map((material) => material.length)); // Expected output: Array [8, 6, 7, 9] // Real: Array [8, 6, 7, 9] |
Если же выражение завернуть в скобки то нет
1 2 3 4 5 |
const materials = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; console.log(materials.map((material) => { material.length })); // Expected output: Array [8, 6, 7, 9] // Real: Array [undefined, undefined, undefined, undefined] |
%20%3D%26gt%3B%20material.length))%3B%0A%2F%2F%20Expected%20output%3A%20Array%20%5B8%2C%206%2C%207%2C%209%5D%0A%2F%2F%20Real%3A%20Array%20%5B8%2C%206%2C%207%2C%209%5D%0A%D0%95%D1%81%D0%BB%D0%B8%20%D0%B6%D0%B5%20%D0%B2%D1%8B%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B7%D0%B0%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C%20%D0%B2%20%D1%81%D0%BA%D0%BE%D0%B1%D0%BA%D0%B8%20%D1%82%D0%BE%20%D0%BD%D0%B5%D1%82const%20materials%20%3D%20%5B%26%2339%3BHydrogen%26%2339%3B%2C%20%26%2339%3BHelium%26%2339%3B%2C%20%26%2339%3BLithium%26%2339%3B%2C%20%26%2339%3BBeryllium%26%2339%3B%5D%3B%0A%0Aconsole.log(materials.map((material)%20%3D%26gt%3B%20%7B%20material.length%20%7D))%3B%0A%2F%2F%20Expected%20output%3A%20Array%20%5B8%2C%206%2C%207%2C%209%5D%0A%2F%2F%20Real%3A%20Array%20%5Bundefined%2C%20undefined%2C%20undefined%2C%20undefined%5D%0A){kind=small}
1 ответ
@JFC В JavaScript, стрелочные функции имеют некоторые особенности в синтаксисе, которые важно учитывать при их использовании. В вашем вопросе разница в поведении вызвана использованием фигурных скобок и скобок вокруг выражения стрелочной функции.
- Без фигурных скобок:
1
|
console.log(materials.map((material) => material.length)); |
В этом случае, если тело стрелочной функции представляет собой только одно выражение, оно будет возвращено автоматически. В данном случае, .map() вызывает функцию для каждого элемента массива materials, и возвращаемое значение будет длина каждого элемента массива.
- С фигурными скобками:
1
|
console.log(materials.map((material) => { material.length })); |
Здесь вы используете фигурные скобки, что означает, что тело стрелочной функции становится блоком кода, и для возврата значения явно требуется использовать оператор return. Поскольку вы не используете return, функция не возвращает никакого значения, и результатом будет массив из undefined.
Если вы хотите использовать фигурные скобки и вернуть значение из стрелочной функции, то вы можете сделать это следующим образом:
1
|
console.log(materials.map((material) => { return material.length; })); |
Или даже более кратко:
1
|
console.log(materials.map(material => material.length)); |
Таким образом, при использовании фигурных скобок вокруг тела стрелочной функции обязательно явно возвращайте значение с помощью return, если вы хотите, чтобы функция возвращала корректные результаты.