码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript常用设计模式

时间:2018-04-06 10:58:52      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:单例   函数返回值   nbsp   工厂模式   创建对象   javascrip   eth   执行函数   模块   

单例模式:确保类只能被实例化一次。

var obj = {}
2、函数返回值
var func = function () {return {}}
var obj = func();
3、构造函数初始化
var obj = (function () {return {}})()

 

装饰者模式:装饰者用用于包装同接口的对象。

var obj = obj || {}
obj.set = function(){}
obj.get = function(){}
obj.……= function(){}

 

模块模式:该模式使用闭包封装私有状态和组织。

var module = (function(obj){})({});

 

观察者模式:它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象。

function func() {}
func.prototype.set = function(opt){}
func.prototype.get = function(opt){}
var obj = new func();
obj.set({});
obj.get({});

 

构造函数模式:自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。 

1、构造函数
function func(name,age){
	this.id = 0;
	//code……
}
func.prototype.pro = function(){}
2、构造函数强制实例化
function func(title) {
    if (!(this instanceof func)) {
        return new func(title);
    }
    this.title = title;
}
func.prototype.get = function () { return this.title; }
console.log(obj.get());

 

工厂模式:工厂模式就好比现实生活中的工厂可以产生大量相似的产品。

function func(opt){
	var obj = {
		id:0,
		title:‘‘
	}
	return $.extend(obj,opt);
}
var f1 = func({id:1,title:‘标题1‘});
var f2 = func({id:2,title:‘标题2‘});

 

对象创建模式:对象中创建对象

模式1:命名空间(namespace)
var obj = obj || {};
obj.app = obj.app || {};
obj.app.ios = obj.app.ios || {};
obj.app.android = obj.app.android || {};
模式2:通过自执行函数创建对象
var obj;
(function () {
	obj = {}
})
模式3:链模式
var obj = {
	func1: function () {return this;},
	func2: function () {return this;},
	……: function () {return this;}
}
// 链方法调用
obj.func1().func2().……();
模式4:函数语法糖
函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用prototype的特性
if (typeof Function.prototype.method !== "function") {
    Function.prototype.method = function (name, implementation) {
        this.prototype[name] = implementation;
        return this;
    };
}
var func = function (name) {
    this.name = name;
}.method(‘set‘, function (name) {
    this.name = name;           
}).method(‘get‘, function () {
    return this.name;
});
var a = new func(‘a‘);
a.set(‘b‘);
console.log(a.get());

 

沙盒模式

 

JavaScript常用设计模式

标签:单例   函数返回值   nbsp   工厂模式   创建对象   javascrip   eth   执行函数   模块   

原文地址:https://www.cnblogs.com/sntetwt/p/8726324.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!