fix(effect): vue-next effect function will be called more than once when Array.prototype.shift be called #10705

[HowGraceU]

I think I may have found a bug #10705

effect function will be called more than once when Array.prototype.shift be called

 it('should observe iteration', () => {
    let dummy
    const list = reactive(['Hello'])
    const fn = jest.fn(() => (dummy = list.join(' ')));
    effect(fn)

    expect(fn).toHaveBeenCalledTimes(1) // normal

    expect(dummy).toBe('Hello')
    list.push('World!')
    expect(dummy).toBe('Hello World!')

    expect(fn).toHaveBeenCalledTimes(2) // normal

    list.shift()
    expect(dummy).toBe('World!')

    expect(fn).toHaveBeenCalledTimes(5) // It depends on list.length
  })

should cache effect funtion, like Watch Object in Vue 2, and trigger it nexttick？

[yyx990803]

Raw effect will be called many times synchronously by default unless you provide a scheduler. Public APIs like watchers & component re-renders are buffered with a scheduler just like Vue 2.

[HowGraceU]

I find it, thanks