原型模式(使用克隆的原型模式)

  通过学习《javascript设计模式与开发实践》--曾探●著 的笔记

  一般的创建一个对象:

  var Plane = function(blood,attackLevel,defenseLevel ){//首先是先指定一个类型

this.blood = blood;

this.attackLevel = attackLevel;

this.defenselLevel = defenseLevel;

}

var  plane = new Plane(100,1,1);// 然后通过类来创建这个对象

原型模型:

  不在关心对象的具体的类型,而是找到一个对象,然后通过克隆来创建一个一模一样的对象(有点狠)--注意是一模一样不论是属性对应的属性值,还是自身包含的方法都是一模一样

  曾探老师给的比喻:就好像是飞机大战的网页游戏一样,某种飞机拥有分身功能,当它使用分身    技能的时候,要在页面中创建一些跟它一模一样的飞机。

原型模型使用的关键(条件)

  语言本身是否提供了clone的方法,ES5中提供的object.create(),可以用来克隆对象

 例子:

  var Plane = function(){

  this.blood = 100;

  this.attackLevel = 1;

  this.defenseLevel = 1;

};

var plane = new Plane();

plane.blood = 500;

plane.attackLevel = 10;

plane.defenseLevel = 7;

var clonePlane = Object.create(plane);

console.log( clonePlane.blood )//输出500

console.log(clonePlane.attackLevel )//输出10

console.log(clonePlane.defenseLevel)//输出7

在不支持Object.create 方法的浏览器中,则可以使用一下代码:

  Object.create = Object.create||function(obj){

    var F = function(){}

    F.prototype  = obj;

    return new F();

}

                                                                                                  --以上例子都是借用曾探老师的例子

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值