2019 5 24 函式式呼叫封裝 入門

2021-09-23 18:42:00 字數 710 閱讀 2684

(function () ;

var _ = function ()

};_.hi = function()

_.test = function()

/*** 為了實現_.test()與_().test()呼叫都是同乙個方法,所以採用下面這個方法封裝;

* 而_.mixin就是動態批量完成方法注入

*/_.prototype.test= function()

//為了實現_,_();這樣兩種呼叫方式;把物件的方法,都設定到原型鏈上;

_.mixin = function (obj)

});} _.mixin(_);

//匯出通用的amd,cmd,es6類

if(typeof exports !='undefined' && !exports.nodetype)

exports._ = _;

}else

})();

測試:

console.log( _().test(2,3,4))//1物件呼叫

console.log( _.test(1,2,3))//2函式呼叫

總結:

1.無new 函式化封裝,為了解決有些人不願意使用new 的方式呼叫方法;

2.呼叫方法時,需要把方法都對映到函式原型物件上面去;

3.頭部尾部封裝了通用的模組寫法,避免了變數汙染;

JavaScript函式封裝呼叫

舉個列子 我們在寫前端頁面,經常會使用到jquery文字框內容,來判斷一下輸入值是否符合,常見的寫法 這個頁面寫了個方法,結果發現另外乙個頁面還要寫同樣的,於是,就會寫到js中 引入,呼叫 function test 頁面呼叫 test 這也是一種封裝,還有一種封裝方法是 test function...

js函式封裝與呼叫

函式的使用可以減少大量重複的 封裝好乙個函式之後,可以在後面多處去呼叫,有時候使用別人封裝好的函式,都不需要去了解該功能是如何實現,只需要知道函式是如何使用的即可,非常之方便。2,函式名稱 符合變數的命名規範 3,函式的引數 函式的執行資料 4,函式的程式 封裝在函式 中的程式內容 5,函式的返回值...

Ajax 函式封裝與呼叫

function ajax options header success function error function 使用options物件中的屬性覆蓋defaults物件中的屬性 object.assign defaults,options 建立ajax物件 拼接請求引數的變數 let par...