为什么VueUse里的useIntersectionObserver函数的回调函数内部可以调用stop()方法？

简单构建一下模拟的代码，就会发现，并不是所有情况下，都可以这样用。

比如下面的代码中，如果你把 setTimeout 换成同步的方式去调用（直接调用 cb），那就会出现两种情况。

• 1、如果下面的解构获取是使用的 const，那就会报 “不能在变量初始化之前进行使用”
• 2、如果下面的解构获取是使用的 var，那就会报 “abc 不是一个函数”

重要的点就在于，在执行这个 abc 时，这个变量是否已经拿到了值。

当使用同步执行的时候，实际上要走到后面的 return 才能把这里的 stop 给出去，这时候才有 stop 函数。

而当这个回调函数作为异步执行时，就不一样了，异步时，这里的函数已经执行完了，外面已经拿到返回值并解构赋值给了 abc。

在调用时，就会跟随其声明的域开始向上查找，找到对应的方法进行调用。

!(function () {
  function foo (el, cb) {
    setTimeout(cb) // 重要

    return {
      stop () {
        console.log('stop')
      },
    }
  }

  const { stop: abc } = foo('#app', () => {
    console.log(this)
    abc()
  })
})()