Как определить метод, а не свойство-функцию?

Question

[Евгений Обыкновенный]

Оказывается, объявление

let myobj = {
   mymethod(...) {...} // метод
}

не то же самое, что

let myobj = {
   mymethod: function(...) {...}  // свойство-функция
}

Если написать так, то все работает

let animal = {
    eat(food) {
        console.log('eats ' + food);
    }
}

let rabbit = {
    __proto__: animal,
    eat() {
        super.eat('carrot');
    } 
}

rabbit.eat(); // eats carrot

Но если написать так, то получается ошибка SyntaxError: 'super' keyword unexpected here

let animal = {
    eat(food) {
        console.log('eats ' + food);
    }
}

let rabbit = {
    __proto__: animal,
    eat: function() {
        super.eat('carrot'); // SyntaxError: 'super' keyword unexpected here
    } 
}

rabbit.eat();

И так тоже ошибка

let animal = {
    eat(food) {
        console.log('eats ' + food);
    }
}

let rabbit = {
    __proto__: animal
}

Object.defineProperties(rabbit, {
    eat: {
        value: function() {
            super.eat('carrot'); // SyntaxError: 'super' keyword unexpected here
        }
    }
});

rabbit.eat();

Можно как-то добавить метод вне объекта, после определения объекта?

Как во внутреннем представлении определяется, что функция является методом?

Как узнать программно, функция myobj.mymethod была определена как метод или как свойство-функция?

Быть может, есть какие-то скрытые флаги, например obj[Symbol.isMethod], которые указывают, что функция является методом?

Answer 1

[Полина Титова]

super keyword unexpected here
Методы объекта

Answer 2

[Сергей Соколов]

MDN: Using super in method definitions:

Only functions defined as methods have access to the super keyword. super.prop looks up the property on the prototype of the object that the method was initialized on.

Learn.Javascript: Методы, а не свойства-функции

Свойство [[HomeObject]] определено для методов как классов, так и обычных объектов. Но для объектов методы должны быть объявлены именно как method(), а не "method: function()".

Для нас различий нет, но они есть для JavaScript.

Comments

[Евгений Обыкновенный]

Этот пример я как раз взял из этой статьи на Learn.Javascript. Это не снимает вопрос, можно ли определить функцию как метод вне определения объекта или класса.

Как во внутреннем представлении определяется, что функция является методом?

Как узнать, функция myobj.mymethod была определена как метод или как свойство-функция?

Быть может, есть какие-то скрытые флаги, например obj[Symbol.isMethod], которые указывают, что функция является методом?

[Сергей Соколов]

Евгений Обыкновенный, сможете показать кодом разницу работы метода и свойства-функции, помимо недоступности ключевого слова super внутри свойства-функции?

В примере в вопросе просто стоит по-разному назвать наследуемый и создаваемый методы, чтобы не париться с обращением к родителю. Или можно обращаться не к super, а к __proto__, как вариант:

let rabbit = {
    __proto__: animal,
    eat: function() {
        this.__proto__.eat('carrot');
    } 
}

rabbit.eat(); // "eats carrot"

[Евгений Обыкновенный]

Ваш пример не будет работать, если метод использует свойства объекта, что почти всегда так.

let animal = {
    name: 'animal',
    eat: function (food) {
        console.log(this.name + ' eats ' + food);
    }
}

let rabbit = {
    __proto__: animal,
    name: 'rabbit',
    eat: function() {
        this.__proto__.eat('carrot');
    } 
}

rabbit.eat(); // "animal eats carrot"

Нужно передвать контекст
this.__proto__.eat.call(this, 'carrot');

Но в таком случае будет зацикливание, если несколько наследований

let animal = {
    name: 'animal',
    eat: function (food) {
        console.log(this.name + ' eats ' + food);
    }
}

let rabbit = {
    __proto__: animal,
    name: 'rabbit',
    eat: function() {
        this.__proto__.eat.call(this, 'carrot');
    } 
}

let whiteRabbit = {
    __proto__: rabbit,
    name: 'white rabbit',
    eat: function() {
        this.__proto__.eat.call(this);
    } 
}

whiteRabbit.eat(); // RangeError: Maximum call stack size exceeded

[Сергей Соколов]

Евгений Обыкновенный, какое-то велосипедостроение происходит.

Если назвать функции родителя иначе, не придётся так заморачиваться. Пусть у animal будет метод _eat() А кролег определит метод eat() внутри которого вызывает this._eat()

[Евгений Обыкновенный]

Сергей Соколов, если это все не нужно и не важно, зачем создатели языка ввели ключевое свойство super?

[Сергей Соколов]

Евгений Обыкновенный, чтобы в конструкторе наследника вызвать конструктор родителя

[RAX7]

Евгений Обыкновенный,

Нужно передвать контекст

-this.__proto__.eat.call(this);
+this.__proto__.eat.call(this.__proto__);

но зачем ¯\_(ツ)_/¯

[Евгений Обыкновенный]

Сергей Соколов, понятно.