javascript - javascript中的链接问题

Question

我有以下问题，我正在尝试制作一个小链接。

(function(window){
window.de=de={}

de.one=function(s){if(s){var y=document.getElementById(s); return y;} return this;}

de.two=function(s2){alert(s2); return this;}

})(window)

这是我尝试的:

de.one("Id").two("Hello!");

但是控制台给我这个错误:

TypeError: Object # has no method 'two'

Answer 1

控制台没有说谎。 HTMLElement 没有名为 two 的方法，因为该方法属于 window.de。

不要通过添加到原型(prototype)来修改宿主对象，例如 HTMLElement。它们不是用 JavaScript 实现的。

改为编写一个包含您的方法的包装器，有点像 jQuery:

(function(window) {
    var de = function(thing) {
        return new de.prototype.init(thing);
    };

    de.prototype = {
        constructor: de,

        init: function(thing) {
            this.thing = thing;
        },

        one: function(other) {
            return de(other);
        }
    };

    de.prototype.init.prototype = de.prototype;

    window.de = de;
})(window);

现在，您可以:

de('foo').one('bar').one('bar').one('baz')