Комментарии 14
— Фу, статья про стрелочный функции!
— Фу, опять статья про стрелочные функции!
— Вау, статья про стрелочные функци!
©
— Фу, опять статья про стрелочные функции!
— Вау, статья про стрелочные функци!
©
+3
Небольшие ремарки по коду.
— Зачем объявлять проперти объекта как строка? Это не JSON файл. Убираем строку и получаем
— Используем возможности ES6 и переписываем строку выше
— На дворе уже 2020 год можно и не использовать цепочки вызовов в промисах.
— Зачем объявлять проперти объекта как строка? Это не JSON файл. Убираем строку и получаем
array.map(number => ({ number: number }))
— Используем возможности ES6 и переписываем строку выше
array.map(number => ({ number }))
— На дворе уже 2020 год можно и не использовать цепочки вызовов в промисах.
myButton.addEventListener('click', async () => {
let response;
try {
response = await fetch('/items.json');
} catch (err) {
// do something to check err
console.log('error ->', err);
throw err;
}
response = await response.json();
console.log(response.name);
});
+2
Плохо знаю JavaScript, поэтому просто спрошу, т.к. глаз резануло:
Это нормально, так писать цепочку?
fetch('/items.json')
.then(response => response.json()); <===
.then(readItemsJson);
Это нормально, так писать цепочку?
+1
Интересно, зачем было придумывать новое название анонимным функциям, или в стрелочных есть какое то отличие? Маркетинговый ход?
0
Какое рассуждение стоит за рекомендацией использовать стерлочные функции cостоящие из одного выражения? Оптимизация компилирования? Памяти? Назначенная семантика какая-то?
0
Конкретно к стрелочным функциям тут относится только первая рекомендация, которая как бы объяснение очередной черной магии JavaScript. Остальное — общеприменимый здравый смысл, и стрелочки тут ни при чем.
А надо было… уделить больше внимания отличию стрелочных от старых анонимных, и в особенности автоматической привязке this. Я как-то спорил с однокурсником на тему какой синтаксис использовать; пришлось хорошенько погуглить и разобраться в теме, чтобы понять, что не просто так из прихоти в реактах пишут
const callback = (ev) => {
...
}
вместо старого всем понятного
function callback(ev) {
...
}
(или как это было бы внутри класса)
class A {
callback(ev) {
...
}
}
А вот и сама заметка: https://t.me/ratijas_life/16
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
5 рекомендаций по написанию качественных стрелочных функций