javascript - JavaScript 调用变量作为对象和函数，如 jQuery

Question

我正在尝试为移动设备创建一个库，并且我希望能够像 jquery 那样将对象作为函数和对象调用。

例子：

var test = function(elm) {

    this.ajax = function(opt) { ... }
    if ( elm ) {
       var elms = document.querySelectorAll(elm);
    }
}

我希望能够这样称呼它：

test("#id");

像这样：

test.ajax(opts);

LE： 谢谢你们的快速反应！

Answer 1

在 JavaScript 中，函数实际上只是一个附有代码的对象。

所以不是一个普通的对象：

var test = {};
test.ajax = function() { /* ajax */ };

...使用一个功能：

var test = function() { /* test */ };
test.ajax = function() { /* ajax */ };

在这两种情况下，您都可以访问test.ajax. 该函数的额外之处在于您可以调用test.

Answer 2

或者可能是这样的：

Object.prototype.Test = function( method ) {
    var method = method || null;
    var elms   = null;

    /* Methods */
    this.ajax = function(opt){
        console.log('You called ajax method with options:');
        console.log(opt);
    }
    /* Logic */
    if (method in this) this[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
    else {
        try {
            elms = document.querySelectorAll(method);
        }
        catch(e) {
            console.log(e.message);
        }
    }

}
window.onload = function() {
    Test('ajax', {'url':'testurl.com'});
    Test('#aid');  
}