jQuery each中如何處理循環(huán)引用

在 jQuery 的 each 函數(shù)中，處理循環(huán)引用需要謹(jǐn)慎。循環(huán)引用是指對(duì)象之間相互引用的情況，這可能導(dǎo)致無限遞歸和堆棧溢出。

要處理循環(huán)引用，可以使用一個(gè) WeakMap 來存儲(chǔ)已經(jīng)訪問過的對(duì)象。WeakMap 是一種鍵值對(duì)的集合，其中鍵是對(duì)象，值可以是任意值。WeakMap 的特點(diǎn)是它不會(huì)阻止引用的對(duì)象被垃圾回收。

以下是一個(gè)處理循環(huán)引用的示例：

function handleCircularReference(obj, seen = new WeakMap()) {
  if (seen.has(obj)) {
    console.log('Circular reference detected');
    return;
  }

  seen.set(obj, true);

  // 在這里執(zhí)行你的邏輯
  console.log(obj);

  // 如果對(duì)象有屬性，遞歸處理這些屬性
  if (obj.hasOwnProperty('children')) {
    obj.children.forEach((child) => {
      handleCircularReference(child, seen);
    });
  }
}

// 示例對(duì)象，包含循環(huán)引用
const obj = {
  name: 'parent',
  children: [
    {
      name: 'child1',
      children: [
        {
          name: 'grandchild1',
        },
      ],
    },
    {
      name: 'child2',
    },
  ],
};
obj.children[0].children[0].parent = obj; // 創(chuàng)建循環(huán)引用

handleCircularReference(obj);

在這個(gè)示例中，handleCircularReference 函數(shù)接受一個(gè)對(duì)象和一個(gè)可選的 seen 參數(shù)。seen 參數(shù)是一個(gè) WeakMap，用于存儲(chǔ)已經(jīng)訪問過的對(duì)象。在函數(shù)內(nèi)部，首先檢查當(dāng)前對(duì)象是否已經(jīng)在 seen 中，如果是，則說明存在循環(huán)引用，直接返回。否則，將當(dāng)前對(duì)象添加到 seen 中，并執(zhí)行你的邏輯。如果對(duì)象有屬性（例如 children），則遞歸處理這些屬性。