Skip to content Skip to sidebar Skip to footer

Lazy Getter Doesn't Work In Classes

class a { get b() { delete this.b; return this.b = 1; } } var c = { get b() { delete this.b; return this.b = 1; } } console.log(c.

Solution 1:

The getter of the class sits on the .prototype object, not on this, that's why your attempt to delete it fails (and, as Jeremy points out, it is not deletable).

You can however simply create an own property on the instance that shadows the getter:

classa {
    getb() {
        Object.defineProperty(this, "b", { value: 1, writable: false, configurable: true })
        returnthis.b;
    }
}

var c = new a;
console.log(c.b); // 1

We have to use Object.defineProperty() as a simple assignment would find the inherited property that has no setter and throws.

Solution 2:

By design, class properties are not deletable -- reference: https://github.com/jeffmo/es-class-fields-and-static-properties

Instance Field Initialization Process

The process for executing a field initializer happens at class instantiation time. The following describes the process for initializing each class field initializer (intended to run once for each field in the order they are declared):

  • Let instance be the object being instantiated.
  • Let fieldName be the name for the current field (as stored in the slot on the constructor function).
  • Let fieldInitializerExpression be the thunked initializer expression for the current field (as stored in the slot on the constructor function).
  • Let initializerResult be the result of evaluating fieldInitializerExpression with this equal to instance.
  • Let propertyDescriptor be PropertyDescriptor{[[Value]]: initializerResult, [[Writable]]: true, [[Enumerable]]: true, [[Configurable]]: false}. Call instance.[[DefineOwnProperty]](fieldName, propertyDescriptor).

Solution 3:

Well obviously this is about constructors. When you neglect the constructor the property you define with the getter gets created at the constructors prototype hence the correct way of doing the job probably should be like as follows;

classa {
    getb() {
        deletethis.constructor.prototype.b;
        returnthis.constructor.prototype.b = 1;
    }
}
z = newa();
z.b; // 1

Post a Comment for "Lazy Getter Doesn't Work In Classes"