理解JavaScript中的设计模式

许多JavaScript库提供了同等的API，岂论是处理赏罚单个DOM元素照旧一个DOM元素的数组。我们可以添加selected 类给全部含.myList的选择器的元素。同样我们可以行使沟通的要领处理赏罚相似的DOM元素#myItem，相同的，我们可以行使on()要领附上变乱处理赏罚器在多个节点或单个节点上。

门面模式：

潜匿内部伟大布局，提供应用户简朴接口行使。

门面模式险些老是可以改进大部门软件的可用性。行使jQuery作为例子，一个最受接待的要领ready()：

$（document）.ready（function（） {

//all your code goes here...

}）;

ready()要领就实现的门面模式，假如你去查察源代码，你将发明：

ready： （function（） {

......

//Mozilla， Opera， and Webkit

if （document.addEventListener） {

document.addEventListener（“DOMContentLoaded”， idempotent_fn， false）;

....

}

//IE event model

else if （document.attachEvent） {

// ensure firing before onload; maybe late but safe also for iframes

document.attachEvent（“onreadystatechange”， idempotent_fn）;

// A fallback to window.onload， that will always work

window.attachEvent（“onload”， idempotent_fn）;

...

}

}）

ready()要领并不简朴，jQuery类型游览器的同等性确保ready()在吻合的时刻被触发。然而，作为一名开拓者，你应该用简朴的接口展示出来。

总结：计划模式最让人激昂的是有人在已往已经乐成实践了。许多开源代码实现了各类JavaScript中的是计划模式。作为措施员，我们必要意识到每种计划模式的应用场景。我但愿这篇教程能辅佐一步步答复这些题目。

英文原文：Tilo Mitra

文：伯乐在线

（编辑：湖南网）

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