JavaScript封裝是網(wǎng)頁(yè)常用的一種技巧。封裝指的是將程序內(nèi)的某些特定功能單獨(dú)處理，使得外部程序只需調(diào)用該功能，而不需關(guān)注功能的內(nèi)部實(shí)現(xiàn)。下面通過(guò)舉例教程，詳細(xì)介紹如何封裝JavaScript函數(shù)。

首先，我們先來(lái)看一個(gè)簡(jiǎn)單的例子，該例子實(shí)現(xiàn)了一個(gè)求和功能：

function sum(num1, num2) {
return num1 + num2;
}
var result = sum(2,4);
console.log(result);

如上所示，該函數(shù)能夠求出傳入兩個(gè)參數(shù)的和，并在控制臺(tái)輸出結(jié)果。該函數(shù)雖然簡(jiǎn)單，但如果項(xiàng)目中需要反復(fù)使用該功能，我們可以將其封裝起來(lái)，方便調(diào)用。

首先，我們將函數(shù)定義放到另一個(gè)函數(shù)內(nèi)，然后將該內(nèi)部函數(shù)封裝在一個(gè)函數(shù)對(duì)象中：

var operation = {
sum: function (num1, num2) {
return num1 + num2;
}
};
var result = operation.sum(2,4);
console.log(result);

如上所示，我們將sum函數(shù)封裝在一個(gè)名為operation的對(duì)象中，緊接著，在調(diào)用時(shí)，只需要調(diào)用operation的sum方法，并傳入兩個(gè)參數(shù)，即可得到結(jié)果。

下面我們?cè)賮?lái)一個(gè)例子，該例子用來(lái)獲取當(dāng)前時(shí)間：

function currentTime() {
var time = new Date();
var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
hours = updateTime(hours);
minutes = updateTime(minutes);
seconds = updateTime(seconds);
var currentTimeString = hours + ':' + minutes + ':' + seconds;
return currentTimeString;
}
function updateTime(i) {
if (i< 10) {
i = '0' + i;
}
return i;
}
console.log(currentTime());

如上所示，該函數(shù)能夠獲取當(dāng)前時(shí)間，并將時(shí)間以字符串形式返回。同樣，該函數(shù)也可以進(jìn)行封裝，使得調(diào)用更加方便。

我們?nèi)匀粚⒑瘮?shù)封裝在一個(gè)對(duì)象內(nèi)：

var timeFunctions = {
currentTime: function() {
var time = new Date();
var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
hours = updateTime(hours);
minutes = updateTime(minutes);
seconds = updateTime(seconds);
var currentTimeString = hours + ':' + minutes + ':' + seconds;
return currentTimeString;
}
};
function updateTime(i) {
if (i< 10) {
i = '0' + i;
}
return i;
}
console.log(timeFunctions.currentTime());

如上所示，我們將獲取當(dāng)前時(shí)間的函數(shù)以及更新時(shí)間的函數(shù)封裝在了名為timeFunctions的對(duì)象中，并通過(guò)調(diào)用timeFunctions對(duì)象的currentTime方法，實(shí)現(xiàn)獲取當(dāng)前時(shí)間。可見(jiàn)封裝能夠大幅提高代碼的復(fù)用率，使得代碼更具可維護(hù)性，縮短開(kāi)發(fā)時(shí)間，提高開(kāi)發(fā)效率。

以上就是JavaScript函數(shù)封裝的簡(jiǎn)單教程。通過(guò)該教程，我們可以更好地理解封裝的概念，以及在JavaScript項(xiàng)目中如何進(jìn)行函數(shù)的封裝。