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

2021-07-30 22:28:55 字數 740 閱讀 8000

通過return this,讓函式物件可以鏈式呼叫。

function

fn();

this.b = function()}

fn.a().b();

"dom">div>

//對後新增到dom裡的元素的繫結事件,可以委託給父元素dom物件處理

var dom = document.getelementbyid("dom");

dom.onclick = function()

}var p = document.createelement("p");

p.innerhtml = "後新增";

//需要傳送多個資料請求時。。

$.get("./da.php?q=1",function

(res))

$.get("./da.php?q=2",function

(res))

$.get("./da.php?q=3",function

(res))

...//用委託模式,把3次請求委託給另乙個物件傳送 (es6語法)

var da = ,

mes(res),

aside(res)

}$.get("./da.php",function

(res)

})

就是封裝乙個前端dao類,來操作localstorage本地儲存

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

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 va...

js的36個設計模式 前奏

先是一些js物件導向的基礎,後面的模式都會涉及到這些知識點。var fn function f 構造器,就是例項物件時執行。this.getf 給建構函式 類 新增方法 新增私有方法,屬性 fn.count 1 新增私有方法,屬性 fn.prototype.counta 2 建構函式在例項化的時候,...

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

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