李洋学习笔记-Javascript设计模式

阅读数:696 发布时间:2016-07-03 23:51:20

作者:w1ly 标签: javascript 设计模式 李洋

单例模式 Singleton

一个类能返回一个对象的引用(并且永远是同一个)和一个获得该实例的方法(静态方法,通常使用 getInstance 名称)
那么当我们调用这个方法时,如果类持有的引用不为空就返回该引用,否者就创建该类的实例,并且将实例引用赋值给该类保持的那个引用再返回
同时将该类的构造函数定义为私有方法,避免其他函数使用该构造函数来实例化对象,只通过该类的静态方法来得到该类的唯一实例

单例在JavaScript的有多种用途,它用来划分命名空间

对象字面量单例

缺点:没有什么封装性,所有的属性方法都是暴露的

var singleton= {
    name : 'abc',
    method : function () {
        return this.name;
    },
    init:function () {
        //code
    }
}

var t1 = singleton ;
var t2 = singleton ;
t1 === t2; //返回true

构造函数内部判断

缺点:构造函数的unique属性是暴露的

function SingletonFunc(){
    // 确保只有一个实例
    if( SingletonFunc.unique !== undefined ){
            return SingletonFunc.unique;   //函数内部到return停止执行
    }
    // 其他代码
    this.name = "abc";
    SingletonFunc.unique = this;
}

var t1 = new SingletonFunc() ;
var t2 = new SingletonFunc() ;
t1 === t2; //返回true

闭包方式

var single = (function(){
  var unique;
  function Construct(){
    // 生成单例的构造函数的代码
  }
  unique = new Construct();
  return function(){
    return unique;
  } 
})();

var t1 = single();
var t2 = single();
t1 === t2; //返回true

工厂模式 Factory

工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类
该模式使一个类的实例化延迟到了子类,而子类可以重写接口方法以便创建的时候指定自己的对象类型。

var product = {};
product.createA = function () {
    console.log("A");
}
product.createB = function () {
    console.log("B");
}
product.factory = function (type) {
    return new product[type];
}

product.factory('createA');

观察者模式

观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己

优点

//定义一个Observable对象,其内部包含了2个方法:订阅add方法与发布fire方法
var Observable = {
  callbacks: [],
  add: function(fn) {
    this.callbacks.push(fn);
  },
  fire: function() {
    this.callbacks.forEach(function(fn) {
      fn();
    })
  }
}

//使用add开始订阅
Observable.add(function() { console.log(1) })
Observable.add(function() { console.log(2) })

//使用fire开始发布
Observable.fire(); // 1, 2

相关文章推荐: