您的位置:首页 > Web前端 > JavaScript

关于js原型继承的理解

2017-03-23 19:54 543 查看
//原型继承
function SuperType(){
this.property = true ;
}
console.log("SuperType()=",SuperType());

SuperType.prototype.getSuperValue = function(){
return this.property;
}

console.log("SuperType.prototype()=",SuperType.prototype());

function SubType(){
this.subproperty = false;
}

console.log("SubType()=",SubType());

//继承了SuperType
SubType.prototype = new SuperType();

console.log("SubType.prototype()=",SubType.prototype());

SubType.prototype.getSubValue = function(){
return this.subproperty;
}

console.log("SubType.prototype()=",SubType.prototype());

var instance = new SubType();
alert(instance.getSuperValue());

//call继承
function A(){
this.x = 100;
console.log("A--->this=",this);
}

A.prototype.getX = function(){
console.log("A.prototype.getX--->this.x=",this.x);
}

function B(){
console.log("B--->this=",this);
A.call(this);
}

console.log("B.prototype=",B.prototype);

var n = new B;
console.log(n.x);

//冒充对象继承
/**
* 冒充对象继承会把父类 私有的+公有的 都克隆一份一模一样的给子类私有的
*/
function A(){
this.x = 100;
}

A.prototype.getX = function(){
console.log(this.x);
}

function B() {
var temp = new A;
for(var key in temp){
this[key] = temp[key];
}
temp = null;
}

console.log("B=",B);
console.log("B.prototype=",B.prototype);

var n = new B;
console.log("n._proto_=",n._proto_);
console.log(n.x);

//混合式继承
/**
* 混合式继承就是原型继承+call继承
* @constructor
*/
function A(){
this.x = 100;
}

A.prototype.getX = function(){
console.log(this.x);
}

function B(){
A.call(this);
}

B.prototype = new A;
console.log("B.prototype=",B.prototype);
// B.prototype.constructor = B;
console.log("B.prototype=",B.prototype);

var n = new B;
n.getX();

//寄生组合式继承
/**
*
*/

function A(){
this.x = 100;
}

A.prototype.getX = function(){
console.log(this.x);
}

function B(){
A.call(this);
}

B.prototype = Object.create(A.prototype);       //IE6,7,8不兼容
B.prototype = objectCreate(A.prototype);

B.prototype.constructor = B;

console.log("B.prototype=",B.prototype);

var n = new B;
console.dir(n);

function objectCreate(o){
function fn(){}
fn.prototype = o;
return new fn;
}

/**
* gao 3
*/

function SuperType(name) {
this.name = name;
this.colors = ["red","blue","green"];
}

SuperType.prototype.sayName = function(){
alert(this.name);
}

function SubType(name,age){
SuperType.call(this,name);
this.age = age;
}

inheritPrototype(SubType,SuperType);

SubType.prototype.sayAge = function(){
alert(this.age);
}

function inheritPrototype(subType,superType){
var prototype = Object(superType.prototype);
prototype.constructor = subType;
subType.prototype = prototype;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: