JavaScript设计模式小抄集(持续更新)

前言

本文旨在记录JavaScript中常用的设计模式代码片段，简要说明使用场景，不过于追究细节。在设计模式开篇之前，还是先要搞清楚JavaScript中关于面向对象的基础知识，可以先看看JavaScript面向对象小抄集

JavaScript设计模式

简单工厂（Simple Factory）

简单工厂又叫做静态工厂方法（ Static Factory Method ），由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象

• 类型：创建型

• 适用场景：

  • 工厂类负责创建的对象比较少
  • 客户只知道传入工厂类的参数，对于如何创建对象（逻辑）不关心
  • 由于简单工厂很容易违反高内聚责任分配原则，因此一般只在很简单的情况下应用

• 代码片段：

   //方式一：new对象
    var Basketball = function(){
    	this.content = "篮球";
    }
  
    Basketball.prototype.getBallSize(){
        console.log("直径20公分");
    }
  
    var Football = function(){
    	this.content = "足球";
    }
  
    Football.prototype.getBallSize(){
        console.log("直径15公分");
    }
  
    //运动工厂
    var SportFactory = function(name){
    	if (name == 'NBA') {
    		return new Basketball();
    	} else if (name == 'WorldCup') {
    		return new Football();
    	}
    }
  
    //方式二:创建一个新对象,然后包装增强属性和方法实现
    function createBall(name,content){
    	//创建一个对象，然后扩展(这种方式又叫做寄生方式)
    	var o = new Object();
    	o.content = content;
    	o.getContent = function(){
    		return this.content;
    	}
    	//各个对象的差异部分
    	if (name == 'NBA') {
  
    	}
    	else if (name == 'WorldCup') {
  
    	}
    	return o;
    }
  

参考

• Javascript设计模式-张容铭