javascript - 返回带有链接模式 javascript 的项目

Question

我正在开发一个小型库来了解有关 javascript 的更多信息

我正在使用链接模式:

(function(window) {
    var myLibrary = function(iD) {
        var e = document.getElementById(iD),
            methods = {
                one: function(val) {
                    e.innerHTML = val;
                    return this; // maintain chainability
                },
                two: function(val) {
                    alert(val);
                    return this; // maintain chainability
                }
            };
        return methods;
    };
    window.myLibrary = myLibrary;
})(window);

链接很好，但我无法使用 JavaScript 的内部属性。例如

myLibrary("ID").length

有返回的想法吗？

Answer 1

length 属性通常与 String 和 Array 等有序集合相关联。 方法作为对象，两者都不是。

所以，如果你希望它有一个长度，你必须给它一个:

methods = {
    length: e == null ? 0 : 1,

    // ...
};

myLibrary('ID').length

或者，定义一个方法，返回除了this之外的其他内容，该方法本身也有length:

methods = {
    html: function () {
        return e.innerHTML;
    },

    // ...
};

myLibrary('ID').html().length