关于javascript:dispatchEvent-两个特别的地方

34次阅读

共计 740 个字符，预计需要花费 2 分钟才能阅读完成。

来看一段失常的事件点击时抛错了会怎么样：

<div>
    <p>paragraph</p>
</div>
<script>
    const elem = document.querySelector('div')
    elem.addEventListener('click', function(e) {throw Error('test')
        console.log('1')
    })
    console.log('2')
</script>

根据事件循环原理，应该先打印 2, 当点击 div 时，间接抛错，1 不会打印。

再来看应用 dispatchEvent 的状况：

<div>
    <p>paragraph</p>
</div>
<script>
    const elem = document.querySelector('div')
    const event = new Event('build');
    elem.addEventListener('build', function (e) {console.log('0')
        throw Error('test')
        console.log('1')
    }, false);
    elem.dispatchEvent(event);
    console.log('2')
</script>

后果会打印 0，2，（1 不会被打印）

这里有两个不一样的中央：