Javascript的閉包有哪些應(yīng)用？你學(xué)會(huì)了嗎？
作者：金木
通過(guò)閉包，可以創(chuàng)建私有變量和方法。外部作用域無(wú)法直接訪問(wèn)閉包內(nèi)的變量，從而實(shí)現(xiàn)了信息隱藏和封裝。使用閉包可以創(chuàng)建模塊，將相關(guān)的功能組織在一起，同時(shí)保持內(nèi)部狀態(tài)的私有性。
JavaScript 中的閉包是一種強(qiáng)大的特性，它可以用于多種應(yīng)用。以下是一些閉包在 JavaScript 中的常見(jiàn)應(yīng)用：
1、封裝私有變量： 通過(guò)閉包，可以創(chuàng)建私有變量和方法。外部作用域無(wú)法直接訪問(wèn)閉包內(nèi)的變量，從而實(shí)現(xiàn)了信息隱藏和封裝。
function createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 22、模塊模式： 使用閉包可以創(chuàng)建模塊，將相關(guān)的功能組織在一起，同時(shí)保持內(nèi)部狀態(tài)的私有性。
const Module = (function() {
let privateVar = 0;
function privateFunction() {
// ...
}
return {
publicVar: 1,
publicFunction: function() {
privateVar++;
return privateFunction();
}
};
})();
console.log(Module.publicVar); // 1
console.log(Module.publicFunction()); // Result of privateFunction3、事件處理程序： 在事件處理程序中使用閉包，可以保持對(duì)外部作用域的狀態(tài)引用，而無(wú)需全局變量。
function setupEventListener() {
let count = 0;
document.getElementById('myButton').addEventListener('click', function() {
count++;
console.log(`Button clicked ${count} times.`);
});
}
setupEventListener();4、回調(diào)函數(shù)： 閉包經(jīng)常用于創(chuàng)建回調(diào)函數(shù)，保存對(duì)外部函數(shù)作用域的引用，以便在稍后調(diào)用。
function doSomethingAsync(callback) {
setTimeout(function() {
console.log('Async operation completed.');
callback();
}, 1000);
}
doSomethingAsync(function() {
console.log('Callback executed.');
});5、實(shí)現(xiàn)函數(shù)記憶： 閉包可以用于緩存函數(shù)的結(jié)果，以提高性能。這通常用于遞歸函數(shù)或計(jì)算昂貴的操作。
function memoize(fn) {
const cache = {};
return function(...args) {
const key = JSON.stringify(args);
if (!cache[key]) {
cache[key] = fn(...args);
}
return cache[key];
};
}
const memoizedAdd = memoize(function(x, y) {
console.log('Calculating sum...');
return x + y;
});
console.log(memoizedAdd(2, 3)); // Calculating sum... 5
console.log(memoizedAdd(2, 3)); // 5 (from cache)這些只是 JavaScript 中閉包的一些常見(jiàn)用法。閉包的靈活性使得它在許多不同的上下文中都能夠發(fā)揮作用。
責(zé)任編輯：武曉燕
來(lái)源：
金木講編程
