В новой версии ECMAscript 6 или ES6 есть эта классная новая стрелочная функция () =>
Он похож на массивы в PHP. Сначала, когда я увидел, что кто-то им пользуется, это меня очень сбивало с толку. Путаница произошла с одним из многих сокращений этого синтаксиса.
Позже, когда я прошел еще один курс повышения квалификации по JS, мне стало ясно, и мне сразу понравился новый синтаксис. Теперь я использую стрелку всякий раз, когда у меня есть возможность.
Раньше я писал такую функцию:
function doSomething() { return "Do something"; }
Но теперь с новым синтаксисом стрелок я могу сделать то же самое:
const doSomething = () => { return "Do something" }
Глядя на оба кода, вы подумаете, что здесь нет большой разницы. Но вот и самое интересное ...
Когда у меня есть только одна команда внутри блока, я могу опустить фигурные скобки {}
Итак, упрощенный код теперь выглядит так:
const doSomething = () => return "Do something"
Я также могу удалить ключевое слово return
, когда что-то возвращаю + помещаю все в одну строку. Итак, обновленный код теперь выглядит так:
const doSomething = () => "Do something"
Если мне нужно использовать один параметр, я помещу его в круглые скобки ()
следующим образом:
const doSomething = (num) => "Do something" + num
При использовании одного параметра я могу опустить круглые скобки, и мой окончательный код будет выглядеть так:
const doSomething = num => "Do something" + num
Допустим, вам нужна функция, которая должна запускаться немедленно (например, внутри слушателя событий), тогда вы можете пропустить первую половину и просто написать:
() => "Do something"
По всем этим причинам мне очень нравится использовать стрелочную функцию.
Считаете этот пост полезным? Пожалуйста, дайте ему ХОЗЯЙСТВО!
Хотите узнать больше от меня? Следуйте за мной в твиттере @tamalweb, где я делюсь своим повседневным обучением и накоплением опыта; также загляните в мой блог, где я делюсь тем, что создаю в сети ›› TamalWeb.com