構造函數模式
constructor ，prototype ，new
function People(name,age){
this.name = name
this.age = age
this.sayHello()
}
People.prototype.sayHello = function(){
console.log(this.name + ': "Hello"')
}
new People('xww',12)
工廠模式
factory ，創建一個對象，return 出來
function createPeople(name){
var people = {
name: name
}
people.sayHello = function(){
console.log(this.name + ': "Hello"')
}
return people
}
createPeople('xww')
單例模式
singleton ，創建不同新對象的時候都指向同一個對象，使用一個立刻執行函數，形成閉包，里面的變量不會受外部影響，而創建新對象的時候是訪問的閉包里面 return 出來的一個接口，再加上判斷語句就可以實現創建不同對象后都指向同一個對象
var People = (function(){
var instence
function init(name){
return {
name: name
}
}
return {
createPeople: function(name){
if(!instence){
instence = init(name)
}
return instence
}
}
}())
People.createPeople('xww') //{name: 'xww'}
People.createPeople('xwwxww') //{name: 'xww'}
混合模式
mixin ，處理繼承，一般通過構造函數
function People(name){
this.name = name
}
People.prototype.sayHello = function(){
console.log(this.name + ': "Hello"')
}
function Person(name,age){
//call 方法讓當前的 this 傳遞給 People 中的 this ，實現屬性的繼承
People.call(this,name)
this.age = age
this.sayHello()
this.sayYes()
}
//給 Person 的 prototype 賦值，指向 People.prototype，實現方法繼承
Person.prototype = create(People.prototype)
function create(obj){
function f(){}
f.prototype = obj
return new f()
}
//然后才可以給自己寫方法
Person.prototype.sayYes = function(){
console.log(this.name + ': "yes"')
}
new Person('xww',20)
模塊模式
module，通過閉包來實現一個模塊
var People = (function(){
var name = 'xww'
function sayHello(){
console.log(this.name + ': "Hello"')
}
return {
name: name,
sayHello: sayHello
}
})()
Person.name // 'xww' ，在模塊中寫好的方法屬性，直接使用
訂閱發布模式
publish / subscibe
subscibe ：訂閱，通過調用這個方法，傳入事件名和需要執行的函數，但是不執行
publish ：發布，通過調用這個方法，傳入事件名，執行函數
var EventCenter = (function(){
var events = {}
function on(evt,handler){
events[evt] = events[evt] || []
events[evt].push({
handler: handler //需要執行的函數
})
}
function fire(evt,args){
if(!events[evt]){return}
for(var i = 0; i < events[evt].length; i++){
events[evt][i].handler(args) //args表示函數需要傳遞的所有參數
}
}
function off(evt){
delete events[evt] //直接從event對象中將訂閱的鍵值對刪除即可
}
return {
on: on,
fire: fire,
off: off
}
})()
訂閱發布模式使用
var Event = (function(){
var events = {}
function on(evt,handler){
events[evt] = events[evt] || []
events[evt].push({
handler: handler
})
}
function fire(evt,args){
if(!events[evt]){return}
for(var i = 0; i < events[evt].length; i++){
events[evt][i].handler(args)
}
}
function off(evt){
delete events[evt]
}
return {
on: on,
fire: fire,
off: off
}
})()
Event.on('change',function(){
console.log('change... now val is ' + val)
}) //完成訂閱
Event.fire('change', '饑人谷') //發布，執行函數，輸出change... now val is 饑人谷
Event.off('change') //移除訂閱
Event.fire('change') //由于移除訂閱，此時沒有輸出，返回undefined
