В новой версии 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