轉 js方法的封裝

為什麼要進行方法的封裝?

在平時的生產環境中,我們經常寫出這樣的**:

function

fadd(ia,ib)
function
fmul(ia,ib)

其本質上是這樣的:

var fadd = function

(ia,ib)
var fmul = function
(ia,ib)

這樣的話,我們就建立了兩個全域性變數,ia,ib.如果在大型的專案環境中,會有很多人對**進行開發,很容易造成變數汙染,從而引出很多問題.所以我們就要對方法進行封裝.

封裝方式1: 封裝成物件

利用js中物件的特性來將我們的方法封裝在物件中

var ofuncs =

fmul:
function
(ia,ib)
}

或者

var ofuncs = function

(){};
ofuncs.fadd = function
(ia,ib)
ofuncs.fmul = function
(ia,ib)

這樣,我們就可以這樣呼叫函式了

ofuncs.fadd(3,4);

ofuncs.fmul(6,3);

#當然,還可以這麼寫

var ofuncs = function

()　　　　fmul:
function
(ia,ib)
}}

這樣的話,每次使用方法的時候,要先例項化一下:

var ousetool =ofuncs();

ousertool.fadd(4,8);

封裝方式2:封裝成類

var ofuncs = function

()　　
this.fmul = function
(ia,ib)
}var ousetool = new
ofuncs();
ousetool.fadd(5,6);

為了防止類中的方法被多次建立,我們也可以把它寫在原型鏈上,如:

var ofuncs = function

(){}
ofuncs.propotype.fadd = function
(ia,ib)
ofuncs.propotype.fmul = function
(ia,ib)
var ousetool = new
ofuncs();
ousetool.fadd(5,6);

或者這麼寫:

var ofuncs = function

(){}
ofuncs.propotype =
fmul:
function
(ia,ib)
}var ousetool = new
ofuncs();
ousetool.fadd(5,6);

js方法的封裝

為什麼要進行方法的封裝?在平時的生產環境中,我們經常寫出這樣的 function fadd ia,ib function fmul ia,ib 其本質上是這樣的 var fadd function ia,ib var fmul function ia,ib 這樣的話,我們就建立了兩個全域性變數,ia...

JS的幾種封裝方法

1 物件原型封裝 基本思想是在原函式中建立getter和setter方法，之後在原函式的原型進行其他操作。好處 只能通過get和set訪問函式中的資料，實現額真正的封裝，實現了屬性的私有化 劣處 這樣做所有的方法都在物件中，會增加記憶體的開銷 測試demo 1 這種封裝個方法getter和sette...

JS封裝的常用方法

export function getbrowser export function geturlkey name 1 寫入帶有自定義有效期的cookie 使用方式 這是有設定過期時間的使用示例 s20是代表20秒 h是指小時，如12小時則是 h12 d是天數，30天則 d30 用法示例 setco...