js的36個設計模式 建立型模式

2021-07-25 08:11:40 字數 1419 閱讀 9928

function

fn(id,txt)

}if(id == "b")

};return o;

}var fa = new fn("a","test");

fa.show();

通過引數,返回需要的例項物件

var factory = function

(type, con) else

};factory.prototype = ,

b: function

(con)

};var fn = new factory("a","test");

有點不能理解,看完再寫。。。

用多個建構函式的例項,構造乙個整體

//人類

var human = function

(param) ;

human.prototype =

};//姓名

var named = function

(name)

})(name, _this);

};//職位

var work = function

(work)

})(work, _this);

};/*

應聘者建造者

*/var person = function

(name, work) ;

var xiaoming = new person("xiao ming", "code");

console.log(xiaoming.skill);

console.log(xiaoming.name.lastname);

看懂再寫。。。

類似jquery的方式,把變數方法都封裝起來,只暴露乙個命名物件出來。

var fn = 

c:function

()};

利用單例模式來儲存不讓修改的靜態變數

var conf = (function

() ;

//返回靜態變數的取值方法

return

}})();

var a = conf.get("max");

console.log(conf);

console.log(a);

靜態變數的惰性單例

var lazys = (function

() ;

};//獲取單例

return

function

() return _i;

}})();

var a = lazys();

console.log(a);

js的36個設計模式 技巧型模式

通過return this,讓函式物件可以鏈式呼叫。function fn this.b function fn.a b dom div 對後新增到dom裡的元素的繫結事件,可以委託給父元素dom物件處理 var dom document.getelementbyid dom dom.onclick...

JS設計模式 4種建立型模式

作用 實現物件的批量建立 建構函式 function person name function car model 建立 function create type,val create.prototype console.log create person zhangsan console.log ...

設計模式 建立型模式 原型模式

1 原型模式 prototype模式 是指 用原型例項指定建立物件的種類,並且通過拷貝這些原型,建立新的物件 2 原型模式是一種建立型設計模式,允許乙個物件再建立另外乙個可定製的物件,無需知道如何建立的細節 3 工作原理是 通過將乙個原型物件傳給那個要發動建立的物件,這個要發動建立的物件通過請求原型...