Доступ к полю класса в суперклассе

Question

Доступ к полю класса в суперклассе

1

У меня есть файл со следующим кодом:

class Animal {
    doSomething = () => {
        return 'Hi.';
    };
}

class Dog extends Animal {
    doSomething = () => {
        return super.doSomething() + ' Woof!';
    };
}

console.log(new Dog().doSomething());

Примечание: попытка выполнить фрагмент выше, вероятно, не будет работать, потому что я не могу понять, как заставить его использовать настройки моего Babal.

Во всяком случае, когда я скомпилирую его с помощью Babel и запускаю его в узле, я получаю следующую ошибку:

/Users/elias/src/classFieldTest/build/classFieldTest.js:15
            return super.doSomething() + ' Woof!';
                         ^

TypeError: (intermediate value).doSomething is not a function
    at Dog.doSomething (/Users/elias/src/classFieldTest/build/classFieldTest.js:15:26)
    at Object.<anonymous> (/Users/elias/src/classFieldTest/build/classFieldTest.js:21:23)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Function.Module.runMain (module.js:693:10)
    at startup (bootstrap_node.js:188:16)
    at bootstrap_node.js:609:3

Я использую Babel 6.26.0 с предустановкой stage-2 и Node 8.11.1. Я могу показать команды, которые я использую, если кто-то заботится.

Почему это происходит? Я предполагаю, что super нельзя использовать для доступа к классу, но что я должен делать? Если я изменил метод doSomething Animal на традиционный метод (doSomething() { return 'Hi.'; }), Он работает, но я предпочел бы избегать традиционных методов, так как они переопределяют this и всю путаницу, которую он вызывает.

Есть ли способ получить доступ к классу класса суперкласса?

Elias Zamaria 15 окт. 2018, в 21:36

Источник

1

Функции стрелок в свойствах класса могут быть не такими хорошими, как мы думаем - используйте вместо этого правильные методы!
Bergi 15 окт. 2018, в 18:47
2

За что это было?
Elias Zamaria 15 окт. 2018, в 18:48
0

« с тем, как они переопределяют this и всю путаницу, которую это вызывает » - понимание динамической природы this должно быть первым шагом перед использованием синтаксиса class . Пока не переходите к функциям со стрелками, если ключевое слово «this» все еще вызывает путаницу.
Bergi 15 окт. 2018, в 18:49
0

Msgstr "Пока не переходите к функциям со стрелками, если ключевое слово" this "все еще вызывает путаницу". Почему? Одним из главных преимуществ функций стрелок является то, что они не переопределяют this . По моему опыту, вызов метода для объекта, для которого он был определен, - это то, что обычно хотят делать люди, а вызывать его для другого объекта очень редко. Я знаю, как работает this привязка, но все еще раздражает получение ошибок при передаче методов в setTimeout (например), и это может вызвать путаницу у менее опытных программистов.
Elias Zamaria 15 окт. 2018, в 19:00
1

Методы часто определяются для объекта-прототипа, а затем вызываются для объекта, который наследуется от него - это скорее правило, чем исключение. Кроме того, super само по себе работает именно так - вы хотите вызвать метод, определенный в суперклассе вашего экземпляра подкласса! Вместо того, чтобы избегать this , вы должны обучать менее опытных программистов.
Bergi 15 окт. 2018, в 19:03
0

Поправьте меня, если я ошибаюсь, но я считаю, что функции стрелок существуют в экземпляре класса, а методы живут в прототипе
Andrew 15 окт. 2018, в 19:05
0

Этот вид композиции идеален для программирования функционального стиля.
evolutionxbox 15 окт. 2018, в 19:31
0

Здесь есть все виды проблем. Среди них, как уже упоминалось, использование функции стрелки в определении класса. (Другое - это решение добавить поля классов в классы JS, что было плохим решением!) Однако самый большой вопрос, который у меня возник, - это почему вы хотите иметь функцию, которая не использует this как член объекта, а чем в качестве статического метода класса или нормальной функции. Полезно this значение, безусловно, является основным пунктом функции объекта.
lonesomeday 15 окт. 2018, в 21:21

Показать ещё 6 комментариев

Теги:

javascript

ecmascript-6

babeljs

1 ответ

Ещё вопросы

Функции стрелок в свойствах класса могут быть не такими хорошими, как мы думаем - используйте вместо этого правильные методы!
« с тем, как они переопределяют this и всю путаницу, которую это вызывает » - понимание динамической природы this должно быть первым шагом перед использованием синтаксиса class . Пока не переходите к функциям со стрелками, если ключевое слово «this» все еще вызывает путаницу.
Msgstr "Пока не переходите к функциям со стрелками, если ключевое слово" this "все еще вызывает путаницу". Почему? Одним из главных преимуществ функций стрелок является то, что они не переопределяют this . По моему опыту, вызов метода для объекта, для которого он был определен, - это то, что обычно хотят делать люди, а вызывать его для другого объекта очень редко. Я знаю, как работает this привязка, но все еще раздражает получение ошибок при передаче методов в setTimeout (например), и это может вызвать путаницу у менее опытных программистов.
Методы часто определяются для объекта-прототипа, а затем вызываются для объекта, который наследуется от него - это скорее правило, чем исключение. Кроме того, super само по себе работает именно так - вы хотите вызвать метод, определенный в суперклассе вашего экземпляра подкласса! Вместо того, чтобы избегать this , вы должны обучать менее опытных программистов.
Поправьте меня, если я ошибаюсь, но я считаю, что функции стрелок существуют в экземпляре класса, а методы живут в прототипе
Этот вид композиции идеален для программирования функционального стиля.
Здесь есть все виды проблем. Среди них, как уже упоминалось, использование функции стрелки в определении класса. (Другое - это решение добавить поля классов в классы JS, что было плохим решением!) Однако самый большой вопрос, который у меня возник, - это почему вы хотите иметь функцию, которая не использует this как член объекта, а чем в качестве статического метода класса или нормальной функции. Полезно this значение, безусловно, является основным пунктом функции объекта.

Bergi · Answer 1 · 2018-10-15T17-37-00.000Z

Почему это происходит? Я предполагаю, что супер нельзя использовать для доступа к полю класса

Да. Поля класса - это свойства экземпляра, но super пытается получить доступ к свойствам объекта прототипа суперкласса. У вашего класса Animal просто нет метода doSomething - вместо этого каждый объект Animal имеет свойство, которое содержит связанную функцию.

но что я должен делать? Если я изменю его на традиционный метод, он будет работать

Да, вы должны делать именно это. Вот как работают методы и super.

Избегайте стрелок, когда они вам не нужны, и особенно когда они не работают. Также взгляните на функции стрелок в свойствах класса, возможно, не так велики, как мы думаем.

Есть ли способ получить доступ к классу класса суперкласса?

Да - это свойство экземпляра, и вы можете получить к нему доступ в своем конструкторе, прежде чем перезаписать его:

class Animal {
    constructor() {
        this.doSomething = () => {
             return 'Hi.';
        };
    }
}

class Dog extends Animal {
    constructor() {
        super();
        const superDoSomething = this.doSomething;
        this.doSomething = () => {
            return superDoSomething() + ' Woof!';
        };
    }
}

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

class Animal {
    doSomething = () => {
        return 'Hi.';
    }
}

class Dog extends Animal {
    doSomething = (superDoSomething => () => {
        return superDoSomething() + ' Woof!';
    })(this.doSomething)
}

Благодарю. Я попробовал вашу идею superDoSomething . Это немного странно, но это работает, и это лучшее, что мне удалось придумать.
Конечно, это странно, но это единственное, что вы можете сделать, если будете настаивать на использовании функций стрелок в качестве свойств экземпляра ...