JavaScript閉包(Closure)是指一個函數可以訪問其外部作用域中的變量和參數。閉包的應用場景非常廣泛,以下是一些常見的例子:
function createCounter() {
let count = 0;
return {
increment: function () {
count++;
},
getCount: function () {
return count;
},
};
}
const counter = createCounter();
counter.increment();
console.log(counter.getCount()); // 輸出 1
(function () {
var blockScopedVariable = "I am block scoped";
// 塊級作用域內還可以添加其他邏輯
})();
console.log(blockScopedVariable); // 引用錯誤:blockScopedVariable is not defined
function createMultiplier(multiplier) {
return function (input) {
return input * multiplier;
};
}
const double = createMultiplier(2);
const triple = createMultiplier(3);
console.log(double(5)); // 輸出 10
console.log(triple(5)); // 輸出 15
function createLogger(prefix) {
let count = 0;
return function (message) {
count++;
console.log(`[${prefix} #${count}] ${message}`);
};
}
const infoLogger = createLogger("Info");
infoLogger("Hello, World!"); // 輸出: [Info #1] Hello, World!
infoLogger("Another message"); // 輸出: [Info #2] Another message
function curry(fn) {
return function curried(...args) {
if (args.length >= fn.length) {
return fn.apply(this, args);
} else {
return function (...remainingArgs) {
return curried.apply(this, args.concat(remainingArgs));
};
}
};
}
function add(a, b, c) {
return a + b + c;
}
const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 輸出 6
這些僅僅是閉包在JavaScript中的一些應用場景,實際上閉包還有很多其他用途,可以幫助我們更好地管理和控制代碼。