通过说明与示例了解js五种设计模式

　　

<强>第一种模式:js工厂模式
　　

　　 　　 　　var列弗=function () { 　　返回“啊打”; 　　}; 　　函数父(){ 　　var的孩子=新对象(); 　　Child.name="李小龙”; 　　Child.age=" 30 "; 　　Child.lev=列弗; 　　返回的孩子; 　　}; 　　var x=父(); 　　警报(x.name); 　　警报(x.lev ()); 　　 　　

说明:
　　

　　

1。在函数中定义对象,并定义对象的各种属性,,虽然属性可以为方法,但是建议将属性为方法的属性定义到函数之外,这样可以避免重复创建该方法
　　

　　

2。引用该对象的时候,这里使用的是var x=父()而不是var x=新的父(),因为后者会可能出现很多问题(前者也成为工厂经典方式,后者称之为混合工厂方式),不推荐使用新的的方式使用该对象
　　

　　

3。在函数的最后返回该对象
　　

　　

4。不推荐使用这种方式创建对象,但应该了解

　　

<强>第二种模式:js构造函数模式
　　

　　 　　 　　var列弗=function () { 　　返回“啊打”; 　　}; 　　函数父(){ 　　this.name="李小龙”; 　　this.age=" 30 "; 　　this.lev=列弗; 　　}; 　　var x=新的父(); 　　警报(x.name); 　　警报(x.lev ()); 　　 　　

说明:
　　

　　

1。与工厂方式相比,使用构造函数方式创建对象,无需再函数内部重建创建对象,而使用这个指代,并而函数无需明确返回
　　

　　

2。同工厂模式一样,虽然属性的值可以为方法,扔建议将该方法定义在函数之外
　　

　　

3 . .同样的,不推荐使用这种方式创建对象,但仍需要了解

　　

<强>第三种模式:js原型模式
　　

　　 　　 　　var列弗=function () { 　　返回“啊打”; 　　}; 　　父函数(){}; 　　Parent.prototype.name="李小龙”; 　　Parent.prototype.age=" 30 "; 　　Parent.prototype.lev=列弗; 　　var x=新的父(); 　　警报(x.name); 　　警报(x.lev ()); 　　 　　

说明:
　　

　　

1。函数中不对属性进行定义
　　

　　

2。利用原型属性对属性进行定义
　　

　　

3。同样的,不推荐使用这样方式创建对象

　　

<强>第四种模式:构造函数+原型的js混合的模式(推荐)
　　

　　 　　 　　函数父(){ 　　this.name="李小龙”; 　　this.age=32; 　　}; 　　Parent.prototype.lev=function () { 　　返回this.name; 　　}; 　　var x=新的父(); 　　警报(x.lev ()); 　　 　　

说明:
　　

　　

1。该模式是指混合搭配使用构造函数方式和原型方式
　　

　　

2。将所有属性不是方法的属性定义在函数中(构造函数方式)
　　将所有属性值为方法的属性利用原型在函数之外定义(原型方式)
　　

　　

3。推荐使用这样方式创建对象,这样做有好处和为什么不单独使用构造函数方式和原型方式,由于篇幅问题这里不予讨论

　　

<强>第五种模式:构造函数+原型的动态原型模式(推荐)
　　

　　 　　 　　函数父(){ 　　this.name="李小龙”; 　　this.age=32; 　　如果(typeof Parent._lev==岸ㄒ濉?{ 　　Parent.prototype.lev=function () { 　　返回this.name; 　　} 　　Parent._lev=true; 　　} 　　}; 　　var x=新的父(); 　　警报(x.lev ()); 　　 　　

说明:
　　

　　

1。动态原型方式可以理解为混合构造函数,原型方式的一个特例
　　

　　

2。该模式中,属性为方法的属性直接在函数中进行了定义,但是因为
　　

　　 　　 　　如果(typeof Parent._lev==岸ㄒ濉?{ 　　Parent._lev=true; 　　} 　　 　　

从而保证创建该对象的实例时,属性的方法不会被重复创建

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

通过说明与示例了解js五种设计模式