2

Недавно встретил в интернете такой коментарий:

.then(msg => console.log(msg))
это то же самое что и
.then(console.log)

Подскажите, пожалуйста, как работает данная конструкция. Возможно есть какое-то название этого способа применения.

2
  • 1
    msg => чтототам это функция, принимающая один параметр. console.log это тоже функция, принимающая один параметр. Так что они полностью взаимозаменяемы в тех случаях, где ожидается функция с одним параметром
    – andreymal
    Commented 20 апр. 2019 в 22:50
  • до недавнего времени это было не одним и тем же, и второй вариант вызывал exception
    – Grundy
    Commented 21 апр. 2019 в 9:48

3 ответа 3

1

Как я понял Вас интересует вторая запись

 .then(console.log)

здесь в функцию then передается ссылка на функцию log, находящуюся в объекте console, эта функция будет вызвана асинхронно потом.

при этом код функции then примерно такой, setTimeout я тут выбрал для ясности, чтобы показать асинхроность происходящего:

  waiter.then = function(callbackFunc) {

    setTimeout(function() {
          callbackFunc("finish");
    }, 1000);

  }

Эта концепция называется функциональное программирование, функция принимающая на вход функцию называется функцией высшего порядка

В javascript это на каждом углу, и это очень удобно, лучше как можно раньше с этим разобраться

0
var handlerThen = msg => console.log(msg);
.then(handlerThen)

var handlerThen = function(msg) { console.log(msg); };
.then(handlerThen)

var handlerThen = console.log;
.then(handlerThen)

будут делать одно и то же.

0

Это называется стрелочная функция. console.log() тут не причём. var handletThen = function(msg) {

}.then(...) 

var handlerThen = msg => console.log(msg);
.then(handlerThen)

В начале мы видим стандартную запись функции. Но чтобы не было таких обширных записей, в ES6 добавили стрелочные функции, которые записываются вот так: (аргументы) => {код}, это всё таже функция, но у неё есть некоторые отличия от обычной, о которых вы можете почитать в интернете, я же скажу, что если в такую функцию вы передаёте 1 параметр, то скобки можно опустить, то есть: "argument => {...}", такая запись не вызовет ошибку. Если аргументов больше, () обязательны!!: (argument1, argument2) => {...}, и также если аргументов нет, скобки тоже обязательны!: () => {...}. Если данная функция записана как: () => {return console.log("Hello!")}, её можно сократить до () => console.log("Hello") и парсер сам поймёт что данную строку нужно вернуть как результат работы стрелочной функции.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.