ES6 (Babel) - не может вызвать super.methodName расширенного класса вне определения класса

Question

Итак, я понимаю, что я могу использовать super() в дочернем классе для вызова функции, определенной в базовом классе. Однако, если я хочу назвать супер метод этого объекта в другом месте, это бомбы

Parent.js

class Parent { 
    yell() { 
     console.log('yell') 
    } 
} 

Child.js

class Child extends Parent { 
    shout() { 
     super.yell() //this works 
    } 
} 


Child.super.yell() //this doesnt work 

Answer 1

Если вы хотите вызвать метод super на экземпляре , либо не реализуют метод в дочернем классе (который по умолчанию вызовет метод super), либо вызовет super.methodName() в реализации метода дочернего класса.

Кроме того, вы пытаетесь вызвать метод самого класса, а не экземпляр, если это ваша цель, вы должны сделать метод static:

class Parent { 
    static yell() { 
     console.log('yell') 
    } 
} 

class Child extends Parent { 

} 

Child.yell(); 

Answer 2

Это может помочь взглянуть на transpiled код Бабель выходы:

'use strict'; 

var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; 

var _createClass = (function() { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); 

function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; } 

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } 

var Parent = (function() { 
    function Parent() { 
     _classCallCheck(this, Parent); 
    } 

    _createClass(Parent, [{ 
     key: 'yell', 
     value: function yell() { 
      console.log('yell'); 
     } 
    }]); 

    return Parent; 
})(); 

var Child = (function (_Parent) { 
    function Child() { 
     _classCallCheck(this, Child); 

     if (_Parent != null) { 
      _Parent.apply(this, arguments); 
     } 
    } 

    _inherits(Child, _Parent); 

    _createClass(Child, [{ 
     key: 'shout', 
     value: function shout() { 
      _get(Object.getPrototypeOf(Child.prototype), 'yell', this).call(this); 
     } 
    }]); 

    return Child; 
})(Parent); 

Там есть несколько важных вещей здесь:

• методы, которые вы определены добавлены в прототип класса
• Младенец прототип является экземпляр родительского класса
• вызова супер хватает функции одного и того же имени от прототипа

Поэтому для того, звонить орать вы можете сделать одно из нескольких вещей:

Object.getPrototypeOf(Object.getPrototypeOf(_Child)).yell.call(_Child) 

или

Object.getPrototypeOf(Child.prototype).yell.call(_Child) 

или, и я рекомендую этот один:

Parent.prototype.yell.call(_Child)