<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
<script type="text/javascript" >
// 通过call继承父级属性
function A(){
this.abc=12
}
function B(){
// this → new B();
A.call(this)
}
var obj = new B();
alert(obj.abc) //12
// 通过prototype继承父级方法
A.prototype.show=function(){
alert(this.abc)
}
B.prototype.show=A.prototype.show; //tongguo prototype原型继承父级方法
obj.show() //12
</script> </html>
有先后顺序 先 继承 属性 再方法 否者 报错 说 那个 .call() 继承没有 这个 function
综合实例
实现效果 car.getInfo() 打印出 'car has 2 doors'
涉及到的知识点 继承 和 修改继承到的 属性以及方法
function vehicle(){ this.door=4; } function car (){ } vehicle.prototype ={ getName: function(){ return 'vehicle' }, getInfo: function(){ return [ this.getName(),'has',this.door,'doors' ].join(',') } }
结果
car.prototype = new vehicle(); // car 继承 wehicle 原型 的方法 var car1 = new car(); // 实例化 car1.door=2;//修改 原型值 car1.getName=function (){ //修改 vehicle 原型中的 getName 方法 return 'car' } console.log(car1.getInfo()) //实现效果 car.getInfo() 打印出 'car has 2 doors'