[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실제로 수행하는 작업을 설명한다고 생각합니다 . 어떤 식 으로든 도움이되기를 바랍니다.

답변

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

    doThat : function(){
    }
};

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

function Person() {

this.name = 'venkat';

this.address = 'dallas';

this.mobile='xxxxxxxxxx'

}

Person.prototype.func1 = function () {

    return this.name + this.address;
}

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

PersonSalary();

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


PersonLeaves();

PersonSalary.prototype
PersonLeaves.prototype