理解JavaScript中的设计模式

在jQuery中$变量采用的就是建造模式，例如：返回的jQuery Dom对象可以访问由jQuery库提供的所有方法，但是并没有显示的调用document.createElement，JS 库通常都是通过这种高级方法处理的。

想象有多少工作要做，如果我们显示创建DOM元素然后插入内容到里面。通过利用建造模式，我们可以专注于对象的类型和内容，而不是显示的去创建。

原型模式

之前，我们讨论了在JavaScript中通过函数和添加方法到对象的原型中定义一个数据类型。原型模式通过原型允许对象继承自其它对象。

“原型模式是一个基于已经存在的模板对象克隆出新对象的模式”

在JavaScript中这是一种简单自然的方式来实现继承。例如：

var Person = {

numFeet： 2，

numHeads： 1，

numHands:2

};

//Object.create takes its first argument and applies it to the prototype of your new object.

var tilo = Object.create（Person）;

console.log（tilo.numHeads）; //outputs 1

tilo.numHeads = 2;

console.log（tilo.numHeads） //outputs 2

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!