Geek Answers Handbook

Splat over JavaScript object (with new)?

How to distribute objects without using ECMA6 features ?

Attempt

function can(arg0, arg1) {
    return arg0 + arg1;
}

function foo(bar, haz) {
    this.bar = bar;
    this.haz = haz;
}

myArgs = [1,2];

With canI can just do:

can.apply(this, myArgs);

When trying with foo:

new foo.apply(this, myArgs);

I get this error (because I'm calling new):

TypeError: function apply() { [native code] } is not a constructor
+4
source share
2 answers

Using Object.create

function foo(bar, haz) {
    this.bar = bar;
    this.haz = haz;
}

x = Object.create(foo.prototype);
myArgs = [5,6];
foo.apply(x, myArgs);

console.log(x.bar);
+4
source

Use Object.create(proto)is the right way to get around this.

Coco and LiveScript (subsets of Coffeescript) offer a workaround:

new foo ...args

compiles to

(function(func, args, ctor) {
  ctor.prototype = func.prototype;
  var child = new ctor, result = func.apply(child, args), t;
  return (t = typeof result)  == "object" || t == "function" ? result || child : child;
  })
(foo, args, function(){});

And in CoffeeScript:

(function(func, args, ctor) {
  ctor.prototype = func.prototype;
  var child = new ctor, result = func.apply(child, args);
  return Object(result) === result ? result : child;
})(foo, args, function(){});

, ; , Date [[PrimitiveValue]]. . .

0

More articles:


All Articles