Наследование JavaScript: Object.create vs new

В JavaScript в чем разница между этими двумя примерами:

Необходимое условие:

function SomeBaseClass(){
}

SomeBaseClass.prototype = {
    doThis : function(){
    },

    doThat : function(){
    }
}

Пример наследования A с использованием Object.create:

function MyClass(){
}

MyClass.prototype = Object.create(SomeBaseClass.prototype);

Пример наследования B с использованием ключевого слова new

function MyClass(){
}

MyClass.prototype = new SomeBaseClass();

Оба примера, кажется, делают одно и то же. Когда бы вы предпочли одно другому?

Дополнительный вопрос: рассмотрите код в приведенной ниже ссылке (строка 15), где ссылка на собственный конструктор функции хранится в прототипе. Почему это полезно?

https://github.com/mrdoob/three.js/blob/master/src/loaders/ImageLoader.js

Отрывок (если вы не хотите открывать ссылку):

THREE.ImageLoader.prototype = {

    constructor: THREE.ImageLoader
}

В своем вопросе вы упомянули, что Both examples seem to do the same thingэто совсем не так, потому что

Ваш первый пример

function SomeBaseClass(){...}
SomeBaseClass.prototype = {
    doThis : function(){...},
    doThat : function(){...}
}
function MyClass(){...}
MyClass.prototype = Object.create(SomeBaseClass.prototype);

В этом примере вы просто наследуете, SomeBaseClass' prototypeно что, если у вас есть свойство в SomeBaseClassподобном

function SomeBaseClass(){ 
    this.publicProperty='SomeValue'; 
}

и если вы используете это как

var obj=new MyClass();
console.log(obj.publicProperty); // undefined
​console.log(obj);​

У objобъекта не будетpublicProperty свойства, как в этом примере .

Ваш второй пример

MyClass.prototype = new SomeBaseClass();

Он выполняет constructorфункцию, создает экземпляр SomeBaseClassи наследует весьSomeBaseClass объект. Итак, если вы используете

    var obj=new MyClass();
    console.log(obj.publicProperty); // SomeValue
    console.log(obj);​

В этом случае его publicPropertyсобственность также доступнаobj объекту, как в этом примере .

Поскольку Object.create в некоторых старых браузерах функция недоступна, в этом случае вы можете использовать

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

Приведенный выше код просто добавляет Object.createфункцию, если она недоступна, поэтому вы можете использовать Object.createфункцию, и я думаю, что приведенный выше код описывает, что на Object.createсамом деле делает. Надеюсь, это каким-то образом поможет.

Оба примера, кажется, делают одно и то же.

Это правда в вашем случае.

Когда бы вы предпочли одно другому?

Когда SomeBaseClassесть тело функции, это будет выполняться с newключевым словом. Обычно это не предназначено - вам нужно только настроить цепочку прототипов. В некоторых случаях это может даже вызвать серьезные проблемы, потому что вы фактически создаете экземпляр объекта, переменные с частной областью видимости которого используются всеми MyClassэкземплярами, поскольку они наследуют одни и те же привилегированные методы. Возможны и другие побочные эффекты.

Итак, вы обычно должны предпочесть Object.create. Тем не менее, он не поддерживается в некоторых устаревших браузерах; по этой причине вы newслишком часто видите -подход, поскольку он часто не приносит (очевидного) вреда. Также посмотрите этот ответ .

Разница становится очевидной, если использовать Object.create()по назначению. Фактически, он полностью скрывает prototypeслово от вашего кода, он выполняет свою работу под капотом. Используя Object.create(), мы можем пойти как

var base =  {
    doThis : function(){
    },

    doThat : function(){
    }
};

И затем мы можем расширить / унаследовать другие объекты от этого

var myObject = Object.create( base );
// myObject will now link to "base" via the prototype chain internally

Это еще одна концепция, более «объектно-ориентированный» способ наследования. Object.create()Например, нет готовой к использованию "функции конструктора" . Но, конечно, вы можете просто создать и вызвать функцию- конструктор внутри этих объектов.

Одним из аргументов в пользу Object.create()является то , что она может выглядеть более естественно , чтобы смешать / * * унаследует от других объектов, чем использование JavaScripts пути по умолчанию .

Я не эксперт в java-скриптах, но вот простой пример, чтобы понять разницу между "Object.create" и "new" ..

шаг 1: создайте родительскую функцию с некоторыми свойствами и действиями ..

function Person() {

this.name = 'venkat';

this.address = 'dallas';

this.mobile='xxxxxxxxxx'

}

Person.prototype.func1 = function () {

    return this.name + this.address;
}

Шаг 2: создайте дочернюю функцию (PersonSalary), которая расширяется над функцией Person с помощью ключевого слова New ..

function PersonSalary() {
    Person.call(this);
}
PersonSalary.prototype = new Person();

PersonSalary();

Шаг 3: создайте вторую дочернюю функцию (PersonLeaves), которая расширяется над функцией Person с помощью ключевого слова Object.create ..

function PersonLeaves() {
 Person.call(this);
}
PersonLeaves.prototype = Object.create(Person.prototype);


PersonLeaves();

// Теперь проверяем прототипы обеих дочерних функций.

PersonSalary.prototype
PersonLeaves.prototype

обе эти дочерние функции будут связаны с прототипом Person (родительская функция) и могут получить доступ к его методам, но если вы создадите дочернюю функцию с помощью new, она вернет совершенно новый объект со всеми родительскими свойствами, которые нам не нужны, а также при создании любых объект или функция, использующие "New", выполняется эта родительская функция, которой мы не хотим быть.

Вот выводы

если вы просто хотите делегировать некоторые методы в родительской функции и не хотите, чтобы создавался новый объект, лучше всего использовать Object.create.