Как написать полифил к bind без использования bind, apply, call?

Question

[bro-dev]

Как написать полифил к bind без использования bind, apply, call?

Comments

[Lynn «Кофеман»]

Зачем?

Где-то я уже видел такой вопрос недавно

[bro-dev]

Алексей Тен, вопрос с собеседования.

Answer 1

[Антон Швец]

Можно вот так https://jsfiddle.net/melchiorio/r7x3g1k2/
Хотя это не совсем полифилл.

Comments

[bro-dev]

let myBind = function (fn, newThis) {
  return function (...arg) {
    let rndKey = [...Array(5)].map(_ => Math.random() * 1e17).join("-");
    newThis[rndKey] = fn;
    let result = newThis[rndKey](...arg);
    delete newThis[rndKey];
    return result;
  }
}

let myfn = function (a) {
  return (this.a + a);
}
console.dir(myfn(''));
myfn = myBind(myfn, { a: 2 });
console.dir(myfn(1));

Да действительно оказывается в es2015 это можно сделать за счет спреад оператора, у вас только не хватает во внутренней функции возврата и аргументы нужно пробрасывать не с самой функции бинд а с внутренней.

[Антон Швец]

bro-dev,
1. bind привязывает не только контекст, но и аргументы. Во внутренней функции я их опустил, чтобы не смущать использованием concat.
2. спред тут не обязателен, он только для удобства. Можно использовать arguments.
3. В es2015 можно не городить Math.random, а использовать Symbol.
4. Тут нет ни одного переназначения, значит let не нужны.

[bro-dev]

Антон, arguments не получится так как нужно передать именно список переменных через запятую, а arguments это маcсив и передастся он одним первым аргументом, то есть учитывая ограничение на apply спред единственный способ вставить массив как несколько аргументов.

Answer 2

[Stockholm Syndrome]

Function.prototype.bind = function(context, ...args) {
  let object = {...context};
  let symbol = Symbol('target');
  object[symbol] = this;
  return function(...rest) {
    return object[symbol](...args, ...rest);
  };
};

Comments

[Владимир]

бинда нет, зато символы и деструктуризация работают :)

Answer 3

[4tlen]

function bind (cssSelectors, events, callback) {
    events = events.split(',');
    let elements = document.querySelectorAll(cssSelectors);
    elements.forEach(element => {
      events.forEach(event => {
        element.addEventListener(event, callback)
      })
    })
}

bind('li > a, p a, div button', 'click, keypress', function (e) {
   e.preventDefault();
   alert(this.innerText);
});

Это чтоли?

Comments

[Владимир]

Не тот бинд
https://developer.mozilla.org/uk/docs/Web/JavaScri...

[Владимир]

на MDN используют call
https://developer.mozilla.org/uk/docs/Web/JavaScri...

Answer 4

[Владимир]

на MDN используют call
https://developer.mozilla.org/uk/docs/Web/JavaScri...