JavaScript閉包怎樣提高代碼復(fù)用性

JavaScript 閉包可以幫助我們封裝私有變量和方法，從而提高代碼的復(fù)用性和可維護(hù)性。以下是如何使用閉包來(lái)提高代碼復(fù)用性的幾個(gè)示例：

1. 創(chuàng)建通用函數(shù)：

   使用閉包，我們可以創(chuàng)建通用函數(shù)，這些函數(shù)可以封裝一些共享的邏輯，同時(shí)保留對(duì)內(nèi)部變量的訪問。例如，我們可以創(chuàng)建一個(gè)用于生成唯一ID的函數(shù)：

   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"
   

   在這個(gè)例子中，createUniqueIDGenerator 函數(shù)返回了一個(gè)名為 generateUniqueID 的閉包。這個(gè)閉包可以生成唯一的ID，同時(shí)保持對(duì)內(nèi)部變量 id 的訪問。

2. 封裝私有變量：

   閉包可以幫助我們封裝私有變量，從而防止全局作用域的污染。例如，我們可以創(chuàng)建一個(gè)用于計(jì)數(shù)器的類：

   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
   

   在這個(gè)例子中，Counter 類的內(nèi)部變量 count 被封裝在類中，只能通過(guò)類的方法進(jìn)行訪問和修改。這樣可以防止全局作用域的污染，并提高代碼的可維護(hù)性。

3. 利用回調(diào)函數(shù)和閉包：

   閉包可以用于捕獲外部作用域的變量，并在回調(diào)函數(shù)中使用這些變量。例如，我們可以創(chuàng)建一個(gè)用于延遲執(zhí)行的函數(shù)：

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

   在這個(gè)例子中，delay 函數(shù)接受一個(gè)毫秒數(shù)和一個(gè)回調(diào)函數(shù)作為參數(shù)。setTimeout 函數(shù)會(huì)在指定的時(shí)間后執(zhí)行回調(diào)函數(shù)，同時(shí)捕獲外部作用域的變量 ms 和 callback。這樣，我們可以在回調(diào)函數(shù)中使用這些變量，實(shí)現(xiàn)延遲執(zhí)行的功能。

總之，JavaScript 閉包可以幫助我們封裝私有變量和方法，提高代碼的復(fù)用性和可維護(hù)性。通過(guò)創(chuàng)建通用函數(shù)、封裝私有變量和利用回調(diào)函數(shù)和閉包，我們可以編寫更加模塊化和可重用的代碼。