JavaScript闭包怎样提高代码复用性

JavaScript 闭包可以帮助我们封装私有变量和方法，从而提高代码的复用性和可维护性。以下是如何使用闭包来提高代码复用性的几个示例：

1. 创建通用函数：

   使用闭包，我们可以创建通用函数，这些函数可以封装一些共享的逻辑，同时保留对内部变量的访问。例如，我们可以创建一个用于生成唯一ID的函数：

   function createUniqueIDGenerator() {
     let id = 0;
     return function generateUniqueID() {
       id++;
       return `unique-id-${id}`;
     };
   }
   
   const generateUniqueID = createUniqueIDGenerator();
   console.log(generateUniqueID()); // 输出 "unique-id-1"
   console.log(generateUniqueID()); // 输出 "unique-id-2"
   

   在这个例子中，createUniqueIDGenerator 函数返回了一个名为 generateUniqueID 的闭包。这个闭包可以生成唯一的ID，同时保持对内部变量 id 的访问。

2. 封装私有变量：

   闭包可以帮助我们封装私有变量，从而防止全局作用域的污染。例如，我们可以创建一个用于计数器的类：

   class Counter {
     constructor() {
       let count = 0;
   
       this.increment = function () {
         count++;
       };
   
       this.getCount = function () {
         return count;
       };
     }
   }
   
   const counter = new Counter();
   counter.increment();
   console.log(counter.getCount()); // 输出 1
   

   在这个例子中，Counter 类的内部变量 count 被封装在类中，只能通过类的方法进行访问和修改。这样可以防止全局作用域的污染，并提高代码的可维护性。

3. 利用回调函数和闭包：

   闭包可以用于捕获外部作用域的变量，并在回调函数中使用这些变量。例如，我们可以创建一个用于延迟执行的函数：

   function delay(ms, callback) {
     setTimeout(callback, ms);
   }
   
   delay(1000, function () {
     console.log('This message will be shown after 1 second.');
   });
   

   在这个例子中，delay 函数接受一个毫秒数和一个回调函数作为参数。setTimeout 函数会在指定的时间后执行回调函数，同时捕获外部作用域的变量 ms 和 callback。这样，我们可以在回调函数中使用这些变量，实现延迟执行的功能。

总之，JavaScript 闭包可以帮助我们封装私有变量和方法，提高代码的复用性和可维护性。通过创建通用函数、封装私有变量和利用回调函数和闭包，我们可以编写更加模块化和可重用的代码。