Почему alert, вызванный без аргументов, показывает результат?

Question

[Максим Белоусов]

Всем привет!

Есть промис с обработчиком .then, который выводит диалоговое окно с fulfilled-результатом:

let promise = new Promise(resolve => resolve('Done!')).then(result => alert(result)) // Done!

Метод .then принимает в качестве аргумента стрелочную функцию. В стрелочную функцию в качестве аргумента, в свою очередь, мы передаем result — значение, с которым промис был успешно выполнен.

А теперь слегка изменим код в части метода .then:

let promise = new Promise(resolve => resolve('Done!')).then(alert) // Done!

Сейчас в метод .then мы передали только функцию alert, но при этом в обоих случаях мы получаем одинаковый результат — вывод диалогового окна с сообщением «Done!».

Почему во втором случае в методе .then мы, не передав в alert аргумент в виде result, все равно получили его вывод? Метод .then каким-то образом скрыто передает этот аргумент в функцию? Или как работает эта магия?

Comments

[lssssssssssl]

В метод then передаётся callback, который вызывается с параметром, переданным из resolve

const f = result => alert(result)
let promise = new Promise(resolve => resolve('Done!')).then(f)

[Максим Белоусов]

lssssssssssl, в указанном Вами варианте — да, callback вызывается с явным параметром result, переданным из resolve. А во втором случае в вопросе? Мы просто пишем alert, и явным образом ничего не передаем в качестве аргументов. Откуда alert понимает, что надо осуществить вызов именно с аргументом result? :)

[lssssssssssl]

Максим Белоусов, Представьте, что alert это

const alert = (message) => {/* Логика по выводу сообщения на экран */}

Answer 1

[Антон Неверов]

Вы в then в любом случае передаёте функцию.
В первом случае, эта функция:
result => alert(result)
Во втором просто:
alert

Проще пронять на переменных, мне кажется. Если вы функцию из первого примера передадите в переменную и скормите then всё точно так же сработает:

const func = result => alert(result);
let promise = new Promise(resolve => resolve('Done!')).then(func) //Выполнится func

Смысл в том, что во всех трёх случаях вы передаёте аргументом в then функцию которая принимает 1 аргумент (результат) и что-то с ним делает: передаёт в alert или выводит диалоговое окно сразу, разницы нет.

Comments

[Максим Белоусов]

...функцию которая принимает 1 аргумент (результат) и что-то с ним делает...

В том-то и дело, что во втором случае alert явным образом ничего не принимает. Если в первом случае мы явно вызываем alert с аргументом result, то во втором случае в alert мы явным образом ничего не передаем. Этот нюанс меня и смутил.

[Антон Неверов]

Максим Белоусов, alert - это функция, которая принимает 1 аргумент. Такая же функция, которую вы делаете в начале, просто не анонимная.

[Aetae]

Максим Белоусов,

const then = (func) => func('Done');

then(result => alert(result));
then(alert);

[Максим Белоусов]

Aetae, спасибо!
Вот это чуть больше похоже на то, до чего я пытаюсь докопаться.

Почитал спецификацию, чтобы понять механизм работы then: в нашем случае переданный «голый» alert становится «под капотом» некоей абстрактной переменной fulfillReaction. А свойство промиса [[PromiseResult]] записывается в абстрактную переменную value. Далее вызывается PromiseReactionJob(reaction, argument), где reaction — это fulfillReaction, а argument — value.

В итоге, если упрощать: метод then действительно «под капотом» получает результат выполнения промиса result в качестве value и вызывает callback(value). Иными словами, метод then получает на вход функцию alert, а возвращает alert(value), которая сразу же и вызывается.

В моем вопросе в первом случае мы сами явно передаем result, а во втором случае метод then самостоятельно достает result из [[PromiseResult]] и с ним вызывает callback.