Для чего вызывают apply и call последовательно?

Question

[MishaXXL]

Для чего код в функции оборачивают в блок и какую логику преследует запись вызова apply.call?

Function.prototype.apply.call(console[level], console, argsWithFormat)

function printWarning(level, format, args) {
  // When changing this logic, you might want to also
  // update consoleWithStackDev.www.js as well.
  {
    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
    var stack = ReactDebugCurrentFrame.getStackAddendum();

    if (stack !== '') {
      format += '%s';
      args = args.concat([stack]);
    } // eslint-disable-next-line react-internal/safe-string-coercion


    var argsWithFormat = args.map(function (item) {
      return String(item);
    }); // Careful: RN currently depends on this prefix

    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
    // breaks IE9: https://github.com/facebook/react/issues/13610
    // eslint-disable-next-line react-internal/no-production-logging

    Function.prototype.apply.call(console[level], console, argsWithFormat);
  }
}

Код взят из react.development.js

Comments

[WbICHA]

А комментарии для кого написаны?

// We intentionally don't use spread (or .apply) directly because it
// breaks IE9: https://github.com/facebook/react/issues/13610

[MishaXXL]

WbICHA, а сам вызов Function.prototype.apply.call по какой логике срабатывает?
Ведь apply это тоже самое что и call за исключением второго аргумента, массив или значение
Здесь у нас call вызывается из apply, зачем именно так, какая логика срабатывания?

[Алексей Уколов]

Здесь у нас call вызывается из apply

Ровно наоборот - здесь метод apply вызывается посредством call.

[MishaXXL]

Алексей Уколов, подскажи пожалуйста на более простом примере или срабатывании цепочки, как оно работает
Ведь у нас у call только вызов идет (т.к. после него круглые скобки с тремя аргументами), а apply служит родительским объектом откуда берется метод call (хотя и это не совсем понятно, как из apply можно вызвать call)

apply.call(console[level], console, argsWithFormat)

Answer 1

[Alexandroppolus]

супермозговывертный вызов можно сократить до
console[level].apply(console, argsWithFormat)

console[level] - некая функция из консоли, например, console.error. Но в IE9 у неё нет apply, и вызов через точку не сработает. Потому берется стандартный Function.prototype.apply и вызывается через call, так что console[level] станет для него как this (как то, что перед точкой), а остальное - аргументами.

Comments

[MishaXXL]

Подскажи пожалуйста, у прототипа функции Function.prototype есть методы applyи call, то как из метода applyмы тут вызываем call?

Function.prototype.apply.call(console[level], console, argsWithFormat)

Этот пример понятный, что в объекте consoleпо ключу levelлежит функция и мы ее вызываем через apply
console[level].apply(console, argsWithFormat)
А вот каким образом и по какой логической цепочке срабатывает оригинальный вариант, не могу понять

[Alexandroppolus]

MishaXXL, apply - тоже функция, и у неё, как у любой функции, есть метод call, как раз из прототипа.

[MishaXXL]

Alexandroppolus, но получается, что мы тут apply не вызываем, а только call
Каким образом происходит вызов apply после call?

[Alexandroppolus]

MishaXXL, мы вызываем apply с помощью call. Иными словами, вызов call приводит к вызову apply

[MishaXXL]

Alexandroppolus, видимо я воробушек
Разьясни пожалуйста, как конструкция

apply.call(console[level], console, argsWithFormat)

производит вызов apply?
И для чего тут call тогда, почему просто apply не вызывать?

До меня вообще не доходит, как работает этот вызов
Я уже все, что можно по call и apply перечитал
apply.call(...)

[Alexandroppolus]

MishaXXL, вот эти два вызова - одинаковы:

apply.call(console[level], console, argsWithFormat);

console[level].apply(console, argsWithFormat);

apply здесь - просто функция, на её месте могла быть любая другая.

но второй вызов возможен, только если в составе объекта console[level] есть функция apply. В нашем случае его не оказалось для IE9