快速云:七大Javascript实用技巧(二)

haoteby 2024-11-15 19:28 4 浏览

事件代理

　　与其在HTML文档中设计一堆事件，不如直接设计一个事件代理，举例说明，假如你有一些链接，用户点击后不想打开链接，而是执行某个事件，HTML代码如下：

　　传统的事件处理是遍历各个链接，加上各自的事件处理：

　　使用事件代理，可以直接处理，无需遍历：

　　匿名函数与Module模式

　　JavaScript的一个问题是，任何变量，函数或是对象，除非是在某个函数内部定义，否则，就是全局的，意味着同一网页的别的代码可以访问并改写这个变量（ECMA 的 JavaScript 5已经改变了这一状况 – 译者），使用匿名函数，你可以绕过这一问题。

　　比如，你有这样一段代码，很显然，变量name，age，status将成为全局变量

　　为了避免这一问题，你可以使用匿名函数：

　　如果这个函数不会被调用，可以更直接为：

　　如果要访问其中的对象或函数，可以：

　　这就是所谓Module模式或单例模式（Singleton），该模式为Douglas Crockford所推崇，并被大量应用在Yahoo User Interface Library YUI。

　　假如你想在别的地方调用里面的方法，又不想在调用前使用myApplication这个对象名，可以在匿名函数中返回这些方法，甚至用简称返回：

　　代码配置

　　别人使用你编写的JavaScript代码的时候，难免会更改某些代码，但这会很困难，因为不是每个人都很容易读懂别人的代码，与其这样，不如创建一个代码配置对象，别人只需要在这个对象中更改某些配置即可实现代码的更改。这里有一篇JavaScript配置对象详解的文章，简单说：

　　在代码中创建一个叫做configuration的对象里面保存所有可以更改的配置，如CSS ID和类名，按钮的标签文字，描述性文字，本地化语言设置将该对象设置为全局对象，以便别人直接访问并改写你应当在最后一步做这项工作，这里有一个文章，交付代码前的5件事值的参考。

　　同后台交互

　　JavaScript是一门前台语言，你需要别的语言同后台交互，并返回数据，使用AJAX，你可以让JavaScript直接使用同后台的交互，将复杂的数据处理交由后台处理。

　　JavaScript框架

　　自己编写适应各种浏览器的代码是完全浪费时间，应当选择一个JavaScript框架，让这些复杂的事情交给框架处理。

雅虎yui

相关推荐