javascript 闭包七之应用场景

2023-11-29 16:08:02

javascript 作为一门动态语言，它的闭包特性在实际开发中非常有用。所谓闭包，就是指一个函数在定义的时候，可以访问它所在函数作用域中的变量和常量。即使这些变量和常量在函数定义之后已经销毁。

下面就介绍一下闭包的一些具体应用场景：

1. setTimeout

setTimeout 函数可以用来延迟执行一段代码。它接收两个参数：要执行的代码和延迟的时间（毫秒）。setTimeout 函数会创建一个闭包，这个闭包会捕获函数执行时的环境。也就是说，闭包可以访问函数执行时的变量。

// 定义一个闭包函数
function delayedFunction() {
  console.log('Hello, world!');
}

// 延迟 1 秒执行该函数
setTimeout(delayedFunction, 1000);

在上面的例子中，delayedFunction 函数会在 1 秒后执行。当函数执行的时候，它可以访问定义函数时捕获的变量。在这种情况下，delayedFunction 函数可以访问定义函数时捕获的变量 console。

2. 回调

回调是另一个常用的闭包应用场景。回调函数是指被另一个函数作为参数传递的函数。当被调用的函数执行完成后，它会调用回调函数。

// 定义一个函数，它接收一个回调函数作为参数
function doSomething(callback) {
  // 做一些事情

  // 调用回调函数
  callback();
}

// 定义一个回调函数
function callback() {
  console.log('Callback function called!');
}

// 调用 doSomething 函数，并传入回调函数
doSomething(callback);

在上面的例子中，doSomething 函数接收一个回调函数作为参数。当 doSomething 函数执行完成后，它会调用回调函数。在这种情况下，回调函数 callback 会被调用。

3. 封装变量

闭包还可以用来封装变量。这意味着你可以创建一个变量，它只可以在特定的作用域内访问。这对于保护变量不被意外修改非常有用。

// 定义一个闭包函数
function createPrivateVariable() {
  // 定义一个私有变量
  var privateVariable = 'Hello, world!';

  // 返回一个闭包函数，它可以访问私有变量
  return function() {
    return privateVariable;
  };
}

// 创建一个私有变量
var privateVariable = createPrivateVariable();

// 尝试访问私有变量
console.log(privateVariable); // 报错：ReferenceError: privateVariable is not defined

// 通过闭包函数访问私有变量
console.log(privateVariable()); // 输出：Hello, world!

在上面的例子中，createPrivateVariable 函数返回一个闭包函数。闭包函数可以访问私有变量 privateVariable。这意味着你可以使用闭包函数来访问私有变量，而其他代码无法访问私有变量。

4. 设计模式

闭包还可以用来实现设计模式。设计模式是一种代码复用技术，它可以帮助你编写更易于维护和扩展的代码。

例如，你可以使用闭包来实现单例模式。单例模式是一种设计模式，它可以确保一个类只有一个实例。

// 定义一个闭包函数
function createSingleton() {
  // 定义一个私有变量，用于保存单例实例
  var instance = null;

  // 返回一个闭包函数，它可以访问私有变量
  return function() {
    // 如果单例实例不存在，则创建一个单例实例
    if (instance === null) {
      instance = new Singleton();
    }

    // 返回单例实例
    return instance;
  };
}

// 创建单例实例
var singleton = createSingleton();

// 获取单例实例
var instance1 = singleton();
var instance2 = singleton();

// 检查单例实例是否相同
console.log(instance1 === instance2); // 输出：true

在上面的例子中，createSingleton 函数返回一个闭包函数。闭包函数可以访问私有变量 instance。这意味着你可以使用闭包函数来获取单例实例，而其他代码无法直接访问单例实例。

5. 私有变量

闭包还可以用来创建私有变量。私有变量是指只能在定义变量的函数内部访问的变量。这对于保护变量不被意外修改非常有用。

// 定义一个闭包函数
function createPrivateVariable() {
  // 定义一个私有变量
  var privateVariable = 'Hello, world!';

  // 返回一个闭包函数，它可以访问私有变量
  return function() {
    return privateVariable;
  };
}

// 创建一个私有变量
var privateVariable = createPrivateVariable();

// 尝试访问私有变量
console.log(privateVariable); // 报错：ReferenceError: privateVariable is not defined

// 通过闭包函数访问私有变量
console.log(privateVariable()); // 输出：Hello, world!