JavaScript原型设计教程

Question

我有一个有很多函数的JS脚本，最重要的是：

function id(i) {
    if(document.getElementById)
        return document.getElementById(i);
    return;
}

每次输入document.getElementById()都可以节省很多字节。我的问题是我经常在元素中添加和删除类和其他属性。我希望能够做到这一点：

id('main').addClass("someClass");

有没有人知道什么好的Javascript原型教程可以解释这一点？谢谢。

Answer 1

你正在寻找的技术是方法链。基本上，"id“函数应该返回一个带有"addClass”方法的对象实例。该方法将“返回this”。

这里有一个教程解释了这个概念：

http://javascriptant.com/articles/32/chaining-your-javascript-methods

我也强烈推荐这本书来学习更多像这样的技术(是的，链接已经涵盖) :-)

http://jsdesignpatterns.com/

Answer 2

我不得不问:你有没有考虑过只使用像jQuery这样的东西？如果你这样做了，问题就会变成：

$("#main").addClass("someClass");

你就完事了。如果目标是自己实现这一点(如果是，为什么？)然后你只需要知道，如果一个元素有3个类，那么实际的属性就是：

"one two three"

当然，另一个方面是编写扩展方法。

Answer 3

您不可能在所有浏览器中都能做到这一点，特别是不可能在IE6或7中扩展元素上可用的方法。

老实说，如果您在开发中只包含JQuery，您将节省大量的时间。