js 设计模式（一）原型模式

stupidcc

于 2018-02-23 14:06:39 发布

阅读量173

点赞数

CC 4.0 BY-SA版权

分类专栏： js原生

本文链接：https://blog.youkuaiyun.com/e87e09e11/article/details/79352967

js原生专栏收录该内容

31 篇文章

订阅专栏

首先学习的第一个设计模式是--原型模式

原型模式实现的关键是js语言提供了克隆方法 ES5的Object.create()

var Plan = function () {
  this.blood = 100
  this.attackLevel = 1
  this.defenseLevel = 1
}
var plan = new Plan()
plan.blood = 500
plan.attackLevel = 10
plan.defenseLevel = 7
var clonePlan = Object.create(plan)
console.log(clonePlan)

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

Object.create = Object.create || function (obj) {
  var F = function () {}
  F.prototype = obj
  return new F()
}

原型模式不仅仅是一种设计模式还是一种编程范型