小技巧解决1w个对象递归爆栈

let obj = {
      id: 1,
      children: []
    };

//使用Object.defineProperty监听 isEnd 这个变量
Object.defineProperty(window, 'isEnd', {
  configurable: true,
  set(newVal) {
    //do anything
    console.log(newVal) //true
  },
  get() {}
});

!(function deep(root, obj) {
  if ( root.children.length ) {
    root.children.forEach((i,n)=>{
      //核心，浏览器不会分配太多的内存，所以尽可能少的过多使用栈
      //这里使用宏任务压入执行列表，分批处理
      setTimeout(()=>{
        obj[n] = {
          id: i.id,
          children: []
        }
        deep(i, obj[n].children)
      },0);
    })
  }else{
    //使用Object.defineProperty监听这个变量，如果这个变成true,说明递归跑完了
    isEnd = true
  }
})(root, obj); //root是由1w个每一层都具有children属性的对象组成的对象树