美文网首页
hashchang事件是异步更新的

hashchang事件是异步更新的

作者: storyWrite | 来源:发表于2022-02-17 10:52 被阅读0次

    1.代码

      // 此时会触发hashchange
      location.hash = '/test'
        window.addEventListener('hashchange', () => {
          console.log('hashchenge')
        })
    
        // 此时不会触发hashchange
        location.hash = '/test'
        setTimeOut(() => {
          window.addEventListener('hashchange', () => {
            console.log('hashchenge')
          })
        },0)
    
    

    2.测试与结论

    • 测试: 进入一个未绑定hahschange事件的网页,在控制台输入以上代码
    • 结论: 如果hahschange是同步的,则不应该触发hashchange事件,但是触发了,证明hashchange事件类似于React的setState,都是在下一个循环执行

    相关文章

      网友评论

          本文标题:hashchang事件是异步更新的

          本文链接:https://www.haomeiwen.com/subject/jwnjlrtx.html