Search code examples
javascriptoopecmascript-6es6-classanonymous-class

Anonymous class instance — is it a bad idea?


In ES6 we can do anonymous class:

var entity = class {
}

But we can also immediately instantiate it:

var entity = new class {
    constructor(name) { this.name = name; }
    getName() { return this.name; }
}('Foo');
console.log(entity.getName()); // Foo

What is done behind it, what advantage will it bring and what caveats will it also bring?


Solution

  • Immediately instantiated anonymous class — is it a bad idea?

    Yes, a very bad one. Just as bad as new function() { … } was in ES5.

    This writing style leads to the creation of a new constructor function and prototype object every time the expression is evaluated. If you create multiple objects with this approach, they will get none of the benefits of classes/prototypes.

    If you intended this pattern to create a singleton object, you failed as well. The constructor is still created, and it is even accessible - a second instance can be easily created using new entity.constructor, defeating the whole purpose.

    So don't use it ever. A simple object literal is much easier to write, read and instantiate:

    var entity = {
        name: 'Foo',
        getName() { return this.name; }
    };
    console.log(entity.name); // Foo
    

    Don't be fooled by other languages where the new class pattern is common, it works very different there than in JavaScript.