Javascript: argument unpacking in function.prototype.bind()?

Question

The closest I've seen is this, but it doesn't really help me since I need to bind some parameters for later use with setInterval.

More specifically:

[in] var d = function(l, m) {
       console.log(l);
       console.log(m);
     }
[in] d.apply(window, [1,2])
[out] 1
[out] 2
[out-return-value] undefined
[in] d.bind(window, [1,2])()
[out] [1, 2]
[out] undefined
[out-return-value] undefined

As can be seen, arrays are unpacked with .apply(), but not with .bind(). Is there any way to unpack the arguments with .bind()?

Seems I answered such a question before :P – Felix Kling Feb 06 '16 at 03:14 — Felix Kling, Feb 06 '16 at 03:14

Quarter2Twelve · Answer 1 · 2016-02-06T03:14:34.377

2

Try this.

Function.prototype.bindArray(ctx, array) {
  if (array && array.length && array.pop && array.length > 0) {
    var v = array.pop();
    return this.bindArray(ctx, array).bind(ctx, v);
  }
  else return this;
};

It will iteratively bind every value in array.

Use it like:

var d = function(l, m) {
  console.log(l);
  console.log(m);
};
var c = d.bindArray(null, [1,2]);
c(); // 1 2

Also see below @felix's answer. That's even cool.

edited Feb 06 '16 at 03:14

answered Feb 06 '16 at 02:47

Quarter2Twelve

613
1
7
14

I really like this. Very elegant - nice! – Matthew Herbst Feb 06 '16 at 02:49
Question: since I think I found a solution without iteration, would this work as well, or if not, why?: ` Function.prototype.bindArray(thisArg, array) {` ` array.unshift(thisArg);` ` return this.bind.apply(this, array);` ` }` – 13steinj Feb 06 '16 at 03:06
This seems overly complex (for the task) and creates unnecessary intermediate function objects. – Felix Kling Feb 06 '16 at 03:09
@13steinj yeah it works. This answer is actually cool. – Quarter2Twelve Feb 06 '16 at 03:13

score 2 · Accepted Answer · answered Feb 06 '16 at 03:05

.bind is just another function. Call it with .apply if you want to call it with an array of arguments:

var bound = d.bind.apply(d, [window, 1, 2]);
// If the `this` value is known, but the arguments is an array, concat:
// var bound = d.bind.apply(d, [window].concat(args))

Javascript: argument unpacking in function.prototype.bind()?

2 Answers2