Почему ленивые геттеры работают с прототипами, а не с классами? - PullRequest
Новая
       60

Почему ленивые геттеры работают с прототипами, а не с классами?

0 голосов
/ 12 июня 2018

Рассмотрим следующий код: 

const defclass = prototype => {
    const constructor = prototype.constructor;
    constructor.prototype = prototype;
    return constructor;
};

const Person = defclass({
    constructor: function Person(firstname, lastname) {
        this.firstname = firstname;
        this.lastname  = lastname;
    },
    get fullname() {
        delete this.fullname; // doesn't delete on instances
        return this.fullname = this.firstname + " " + this.lastname;
    }
});

const john = new Person("John", "Doe");
const jane = new Person("Jane", "Doe");

console.log(john.fullname); // John Doe
console.log(jane.fullname); // Jane Doe

Это работает, потому что назначение свойства для this затеняет несуществующий установщик.

Теперь рассмотрим тот же код с использованием классов ES6: 

class Person {
    constructor(firstname, lastname) {
        this.firstname = firstname;
        this.lastname  = lastname;
    }

    get fullname() {
        delete this.fullname; // doesn't delete on instances
        return this.fullname = this.firstname + " " + this.lastname;
    }
}

const john = new Person("John", "Doe");
const jane = new Person("Jane", "Doe");

console.log(john.fullname); // throws an error because there is no setter
console.log(jane.fullname);

Причина, по которой это не работает, объясняется в этом ответе .Это потому, что мы находим свойство в цепочке прототипов, а оно не имеет установщика.Итак, почему же мы не получаем ту же ошибку при использовании обычных прототипов?

Примечание: Вы можете удалить строку с ключевым словом delete, не влияя на поведение кода.

1 Ответ

0 голосов
/ 12 июня 2018

I do получает ту же ошибку с первым кодом: 

const defclass = prototype => {
    const constructor = prototype.constructor;
    constructor.prototype = prototype;
    return constructor;
};

const Person = defclass({
    constructor: function Person(firstname, lastname) {
        this.firstname = firstname;
        this.lastname  = lastname;
    },
    get fullname() {
        "use strict";
//      ^^^^^^^^^^^^
        return this.fullname = this.firstname + " " + this.lastname;
    }
});

const john = new Person("John", "Doe");
const jane = new Person("Jane", "Doe");

console.log(john.fullname); // John Doe
console.log(jane.fullname); // Jane Doe

Просто код class находится в строгом режиме по умолчанию.

В небрежном режиме назначение не выполняетсяработать, но игнорируется, и значение правой стороны return ed из геттера.Повторный доступ к .fullname снова запустит геттер.

...