5) Javascript 디자인 모드:extends 모드

6004 단어

간단한 방식


function Person() {
    this.name = 'person';
}
Person.prototype.say = function() {};

function Child() {
    this.name = 'child';
}
Child.prototype = new Person();
 
var child = new Child();

단점: 사실child는person의name 속성이 필요하지 않습니다


차용 구조 함수


function Person() {
    this.name = 'person';
}
Person.prototype.say = function() {};

function Child() {
     Person.call(this, arguments)
}

var child = new Child();

단점: 상위 객체의 속성만 하위 클래스 자체의 속성으로 복사합니다. 복사만 가능**


이점: 상위 객체 자체의 실제 복사본을 얻을 수 있으며, 하위 클래스와 상위 클래스는 상관이 없으며 상위 클래스에 영향을 주지 않습니다**


구조 함수를 빌려 쓰는 것은 다계승을 실현하는 것이다

function CatWings() {
     Cat.call(this, arguments)
     Brid.call(this, arguments)
}

구조 함수를 빌려 원형을 실현하다


function Person() {
    this.name = 'person';
}
Person.prototype.say = function() {};

function Child() {
     Person.call(this, arguments)
    // this.name = 'child'
}

Child.prototype = new Person()

var child = new Child();
delete child.name;
//  :child.name prototype 

name 속성이 2번 계승되었습니다.


단점: Person에서 상속된 모든 클래스는 Person으로 변경할 수 있는 원형 방법입니다


임시 구조 함수

function inherit(Child, Parent) {
    var F = function(){}
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    // Child.prototype.constructor = Child
    // Child.superclass = Parent.prototype;
}

//  F
var inherit = (function(){
    var F = Function(){};
    return function() {
        F.prototype = Parent.prototype;
        Child.prototype = new F();
        // Child.prototype.constructor = Child
        // Child.superclass = Parent.prototype;
    }
})();

Klass

var Klass = function (Parent, props) {

    if(props == undefined && typeof Parent == 'object') {
        props = Parent;
        Parent = null;
    }

    Parent = Parent || {};
    props = props || {};

    var Child = function() {
        if(Child.superclass.hasOwnProperty('__construct')) {
            Child.superclass['__construct'].apply(this, arguments);
        }

        if(Child.prototype.hasOwnProperty('__construct')) {
            Child.prototype['__construct'].apply(this, arguments);
        }
    };


    var F = function() {};
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
    Child.superclass = Parent.prototype;

    for(var i in props) {
        if(props.hasOwnProperty(i)) {
            Child.prototype[i] = props[i];
        }
    }
    return Child;
}

function Animal() {}

Animal.prototype.__construct = function(name) {
    this.name = name
};

Animal.prototype.getName = function() {
    return this.name;
};

var Dog = Klass(Animal, {
    __construct: function(name, age) {
        this.age = age;
    },
    run: function() {
        console.log('My name is %s, I\'m %s years old ,  I\'m Running', this.getName(), this.age);
    }
});

var dog = new Dog('xixi', 26)

좋은 웹페이지 즐겨찾기