Skip to content

Instantly share code, notes, and snippets.

@petermichaux
Created April 29, 2012 18:06
Show Gist options
  • Save petermichaux/2552304 to your computer and use it in GitHub Desktop.
Save petermichaux/2552304 to your computer and use it in GitHub Desktop.
JavaScript's new and map don't play well together
var todoViews = todoModels.map(function(todoModel) {
return new TodoView(todoModel);
});
// if Function.prototype.new is defined or TodoView.new is defined using "this"
var todoViews = todoModels.map(TodoView.new, TodoView);
// if Todo.new is defined without using "this"
var todoViews = todoModels.map(TodoView.new);
@kaisellgren
Copy link

I've occasionally done that instanceof "trick", but it's quite easy to forget and I've decided that if you forget your "new" (provided that you even use it for inheritance), then it's your problem.

@isaacs The reason I like this approach is that even though it's hacky in one spot, it's generally less hacky everywhere else."

This is what I've observed too... put a hack in there, less hacks elsewhere. :P

@robotlolita
Copy link

@cjohansen To back up @isaacs claim on the performance: http://jsperf.com/object-creation-access/2

I do feel the simplicity of a more direct mapping between the delegative prototypical OO model and the primitives used, which in this case would amount to using Object.create + some abstractions on top of it, to lead to code that is easier to follow as well. In which case, I don't really care about the performance differences between constructors and the other means of creating objects — that is, of course, unless you need to create millions of objects per second, but then you'll be fighting the GC anyways.

@medikoo
Copy link

medikoo commented Apr 30, 2012

Object.create unfortunately is magnitudes slower than new in some engines. It's rather an engines (not specification) issue, so hopefully it'll get better. Anyway for now I would use Object.create only for prototype extensions (e.g. Animal to Dog), and stick to new when creating object instances (e.g. Dog to sparky).

@cjohansen
Copy link

FTR: I'm aware of the issues with Object.create, and a simple solution is to use a constructor-based shim (ignore the descriptor argument). I don't think a poorly performing native Object.create is a good argument against basing a design on just objects and Object.create-like construction.

@medikoo
Copy link

medikoo commented Apr 30, 2012

@cjohansen I had noticeable issues on V8 engine (which implements Object.create natively), what would you propose in that case? Also it's not that better for shims, see: http://jsperf.com/object-create-vs-crockford-vs-jorge-vs-constructor/31

It's not great argument but sometimes poor performance asks for refactoring back to new (I've gone that path in one of the projects).

@cjohansen
Copy link

@medikoo On Firefox, Object.create comes out the fastest. V8 obviously has some insane optimization for the bare constructor use (as mentioned before). I don't really worry about it...

@medikoo
Copy link

medikoo commented Apr 30, 2012

@cjohansen on Firefox performance of Object.create vs new is not really different (it's slightly faster on benchmark that's it), on V8 it is noticeable in real world. Hopefully one day V8 will have it fixed. I also do not tend to worry about things prematurely ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment