Javascript口试的美满指南(开拓者视角)

冒泡模式：

<div onClick="divHandler()"> 
    <ul onClick="ulHandler"> 
        <li id="foo"></li> 
    </ul> 
</div> 
<script> 
function handler() { 
 // do something here 
} 
function divHandler(){} 
function ulHandler(){} 
document.getElementById("foo").addEventListener("click", handler) 
</script>  

点击li元素， 变乱次序：

handler() => ulHandler() => divHandler() 

在图中，处理赏罚措施按次序向外触发。相同地，捕捉模子试图将变乱从父元素向内触发到单击的元素。此刻变动上面代码中的这一行。

document.getElementById("foo").addEventListener("click", handler, true) 

变乱次序：

divHandler => ulHandler() => handler()

你应该正确地领略变乱冒泡(无论偏向是指向父节点照旧子节点)，以实现用户界面(UI)，以停止任何不必要的举动。

这些是 JavaScrip t中的根基观念。正如我最初提到的，除了事变履历和常识之外，筹备有助理于你通过 JavaScript 口试。始终保持进修。寄望最新的成长(第六章)。深入相识JavaScript的各个方面，如 V6 引擎、测试等。最后，没有把握数据布局和算法的口试是不乐成的。Oleksii Trekhleb 筹谋了一个很棒的 git repo，它包括了全部行使 JS 代码的口试筹备算法。

代码陈设后也许存在的BUG没法及时知道，过后为了办理这些BUG，花了大量的时刻举办log 调试，这边趁便给各人保举一个好用的BUG监控器材 Fundebug。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!