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

В своем вопросе вы упомянули, что 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.