Блог

Я пытаюсь заставить прототипное наследование работать следующим образом:

 // Parent constructor
function Parent(obj) {
    this.id = obj.id || 0;
    this.name = obj.name || "";
};

// Child constructor
function Child(obj) {
    Parent.call(this,obj);
    this.type = obj.type || "";
}

Child.prototype = new Parent;
  

Кажется учебным пособием … но передача obj как родителю, так и потоку, похоже, вызывает проблемы; Parent говорит obj , что не определено, когда потомок пытается создать прототип через Child.prototype = new Parent; . Единственный способ, которым я могу обойти это, — это уродливый взлом:

 // 'Hacked' Parent constructor
function Parent(obj) {
    if (obj) {
        this.id = obj.id || 0;
        this.name = obj.name || "";
    }
};
  

Конечно, есть способ получше, но я нигде не могу найти ответа. Пожалуйста, помогите!!

Child.prototype = new Parent; создает нового родительского элемента без каких-либо параметров и возвращает его прототип, присваивая его Child.prototype . Этот подход работает хорошо, но проблема в том, что он работает только на родительских элементах с параметрами 0 ( new Parent является эквивалентом new Parent() в данном контексте).

Для родительских конструкторов с параметрами я предлагаю определить функцию inherits для обработки вашего наследования.

Исправление, которое я предложил ранее, было исправлено Child.prototype = Parent.prototype; . Это сработает, но теперь Child.prototype это ссылка на Parent.prototype , а не на объект. Другими словами, если вы добавляете метод hello дочернему элементу, то родительский элемент также получает этот метод. Плохие времена!

Лучшее решение этой проблемы — определить некоторую inherits функцию как таковую:

 function inherit(parentPrototype) {
  function F() {};
  F.prototype = parentPrototype;
  return new F;
}
  

То, что мы здесь делаем, немного отличается от простого присвоения Parent.prototype дочернему элементу. Мы создаем новую функцию, которая имеет родительский прототип и возвращает новый экземпляр функции F. Итак, когда вы добавляете методы дочернему элементу, вы фактически добавляете их к прототипу F функции.

Чтобы создать дочерний объект сейчас, вы бы сделали:

 function Child() {};
Child.prototype = inherit(Parent.prototype); // returns an instance of F
  

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

Это выглядит немного приятнее:

 function Parent(obj) {
    if (!obj) {return;}
    this.id = obj.id || 0;
    this.name = obj.name || "";
}
  

Ваш стиль наследования больше соответствует «классическому» шаблону.

Вы также можете сделать это:

 Child.prototype = Parent.prototype;
  

…но любые последующие дополнения к Child.prototype также окажутся в родительском прототипе (и наоборот).

Возможно, именно поэтому такое поведение часто оборачивается для возврата объекта напрямую, когда это необходимо, таким образом, что вы не можете так же легко перезаписать родительский элемент (хотя вы можете через obj.constructor.prototype):

 Object.create = function (o) {
    function F() {}
    F.prototype = o;
    return new F();
};