码迷,mamicode.com
首页 > Web开发 > 详细

js 构造函数、原型继承

时间:2017-08-09 13:00:27      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:.sh   小蜜蜂   劫持   参数   archive   tar   原型继承   func   console   

//定义所有飞行物的父类型的构造函数
function Flyer(fname,fspeed){
  this.fname=fname;
  this.fspeed=fspeed;
}
Flyer.prototype.fly=function(){ //fly放在Flyer.prototype
  console.log(this.fname+"以"+this.fspeed+"速度飞行");
}
//定义第一种飞行物: Bee,继承并扩展父类型Flyer
//定义独有的构造函数,继承并扩展Flyer构造函数
function Bee(fname,fspeed,award){
  Flyer.apply(this,arguments);//1.劫持另一个对象的方法,继承另一个对象的属性
            //第二个参数后,都是i要传给Flyer的参数
  this.award=award;   //独特的属性: 
}
Bee.prototype.get=function(){
  console.log("获取对象独有的属性: "+this.award);
}
//2.让子类型的原型对象,继承父类型的原型对象
Object.setPrototypeOf(Bee.prototype,Flyer.prototype); //相当于Bee.__proto__=Flyer
var bee = new Bee("小蜜蜂",30,"1 life");
var flyer = new Flyer("蜜蜂",40,"1 life");
console.log(flyer); //Flyer {fname: "蜜蜂", fspeed: 40}
console.log(bee); //Bee {fname: "小蜜蜂", fspeed: 30, award: "1 life"}
bee.fly();
bee.get();

 

Js apply方法详解:http://www.360doc.com/content/13/0807/19/13328522_305431575.shtml

js中apply方法的使用: http://www.cnblogs.com/delin/archive/2010/06/17/1759695.html

 

JS实现继承的几种方式:http://www.cnblogs.com/humin/p/4556820.html

 

js 构造函数、原型继承

标签:.sh   小蜜蜂   劫持   参数   archive   tar   原型继承   func   console   

原文地址:http://www.cnblogs.com/ljbkyBlog/p/7324246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!