1.  //因为useEffect可以被调用多次，所以使用数组 prevDepsAry = [[name], [count]]
    2. let prevDepsAry = [];
    4. // 每次组件重新渲染effectIndex都会在render方法中置为0
    5. let effectIndex = 0 
    7. function useEffect(callback, depsAry) {
    8.    // 首先判断callback是不是函数
    9.     if(Object.prototype.toString.call(callback) !== '[object Funtion]') throw new Error("useEffect的第一个参数必须为函数")
    11.   // 判断 depsAry 有没有被传递，没有被传递的话每次都调用传入的函数
    12.     if(typeof depsAry === 'undefined'){
    13.         // 调用传入的函数
    14.         callback()
    15.     }else{
    16.        // 判断depsAry是不是数组, 如果不是数组直接返回错误信息
    17.         if(Object.prototype.toString.call(depsAry) !== '[object Array]') throw new Error('useEffect第二个参数应为数组')
    19.         // 获取上一次的状态值
    20.         let prevDeps = prevDepsAry[effectIndex]
    22.         // 判断depsAry数组中传入的值是否有变化
    23.         let hasChanged = depsAry.every((dep, index) => dep === prevDeps[index]) === false
    25.         // 如果有变化，调用传过来的函数
    26.         if(hasChanged){
    27.             callback()
    28.         }
    29.         //同步依赖值
    30.         prevDepsAry[effectIndex] = depsAry
    31.         effectIndex++ 
    32.     }
    33. }

    疑问：

    1. // 这段代码有什么作用
    2. prevDepsAry[effectIndex] = depsAry
    3. effectIndex++

    正如useState调用多次一样，useEffect同一页面也可以调用多次，所以也需要index与prevDepsAry数组做存储。