Как работают Function.bind.apply и function.apply.bind?

Question

[KnightForce]

Вдел примеры таких функций Function.bind.apply() <и /b>function.apply.bind();
Зачем и что они делают?
Какой в них смысл, тем более обращаясь к Function?

Comments

[Aves]

В bind.apply смысла не вижу, а apply.bind можно использовать примерно для такого:

// Допустим, хотим сделать короткий вызов
var qsa = document.querySelectorAll;
// вызывать ее нужно через call
qsa.call(document, 'body')
// тут уже видно, что нужно метод call привязать к методу querySelectorAll
// call можно взять из любой функции или из Function.prototype
var qsa = Function.prototype.call.bind(document.querySelectorAll);
qsa(document, 'body'); //  NodeList [body]

https://habrahabr.ru/post/199456/

[KnightForce]

Я взял это отсюда:

function foo(bar,baz) {
	var x = bar * baz;

	return [
		Promise.resolve(x),
		Promise.resolve(x*2 )
	];
}

Promise.all(
	foo( 10, 20 )
)
.then( Function.apply.bind(
	function(x,y){
		console.log( x, y );
	},
	null
) );

[Aves]

KnightForce, тут похоже для развёртывания массива в список аргументов, типа

(function(arr) {
  console.log.apply(null, arr);
})([1, 2]);

Сейчас для такого используется spread-оператор.

[KnightForce]

Aves, в bind передается второй параметр в виде null. Без этого не работает так как надо. Почему?
Последующие параметры - это же аргументы для функции.
Работает даже если передать undefined, но если передать только функцию, то ожидает первым параметром объект (apply же).

Почему при передаче второго аргумента в качестве null или undefined сбиндиная apply уже не требует первым параметром объект, а сразу массив аргументов?

[Aves]

KnightForce, Bind привязывает не только thisArg, но и аргументы, которые передаются привязываемой функции перед аргументами привязанной
https://learn.javascript.ru/bind#карринг

Answer 1

[youngmysteriouslight]

Предполагаю, что описание и принцип работы bind и apply нам известен.
Для простоты рассуждений удобно считать, что this является как бы нулевым аргументом.
Нам потребуется следующее: g.bind(t, x)условно эквивалентно

function (a) {
  return g.call(t, x, a);
}

Что делает приведённый код

Строго говоря, Function.apply не то же самое, что Function.prototype.apply. Но в рассматриваемом случае, как мы увидим, они взаимозаменяемы, потому что их значения совпадают (указывают на одну функцию с одним кодом).
Function.apply.bind(f, null) возвращает функцию, грубо говоря (потому что неявно предполагается, что эта функция в будущем будет вызвана ровно с одним аргументом), такого вида

function (a) {
  return Function.apply.call(f, null, a);
}

что условно (потому что здесь происходит изменение f как объекта; в действительности, вызывается apply с this=f) эквивалентно

function (a) {
  f.apply = Function.apply;
  return f.apply(null, a);
}

Поскольку функция f при нормальных обстоятельствах наследует тот же apply, что и Function, Function.apply.apply(f, null, a) полностью эквивалентно f.apply(null, a).

Почему важно указать null
Потому что, если его не указать, получится функция

function (a) {
  return f.apply(a);
}

то есть a будет передано как this.

Это тоже может иметь смысл. Сравните:

альтернативный пример

function foo(bar,baz) {
  var x = bar * baz;

  return [
    Promise.resolve(x),
    Promise.resolve(x*2 )
  ];
}

Promise.all(
  foo( 10, 20 )
)
.then( Function.apply.bind(
  function() {
    console.log( this[0], this[1] );
  }
) );