在js库中$.something（对象）怎么也可以是$(“something”)（函数）？

Question

这可能是一个简单的问题，但有一个非常复杂的答案，或者是一些我完全错过的非常简单的问题，但是，在 Prototype 和 jQuery 等库中， $ 全局变量如何是一个包含函数的对象，例如：

$.ajax.get(…);

也是一个函数本身，例如：

$("…");

任何帮助，甚至指向更具解释性的网站的指针都会很棒，我只是感兴趣！

例如，如果我创建了一个函数 ($)，其中包含一个子对象 (ajax)，例如：

var $ = function() {
    this.ajax = {};
    return this;
}; 

我可以访问 ajax 对象，例如$().ajax，但不像 $.ajax，如何同时获取它们？

Answer 1

在 JavaScript 中，函数就是对象，而对象可能具有属性，因此它是该语言的另一个精彩部分！

var f = function(x) { return x; };
f.attr = "a";
f.attr; // => "a"
f(123); // => 123

Answer 2

所有 javascript 函数都是 javascript 对象。

var obj = {};
var func = new function(){};

obj.property = "";
func.property = "";

您可以在这里了解所有信息：http://ejohn.org/apps/learn/#16

Answer 3

var $ = (function () {

    var keys = { a: 1, b: 2, c: "Bob" },
        external_func = function (key, val) {
            if (val === undefined) { return keys[key]; }
            keys[key] = val;
            extend(external_func, { key : val });
        };

    function extend (obj, keys) {
        var key;
        for (key in keys) {
            if (keys.hasOwnProperty(key)) {
                obj[key] = keys[key];
            }
        }
    }

    extend(external_func, keys);
    external_func.setKey = function (key, val) { keys[key] = val; this[key] = val; };
    return external_func;
}());

jQuery 比这要大得多，但这可能是如何构建一个保存键和值的系统的示例，您可以将其作为函数调用或属性来读取。

例如，如果键保存了 URL 中所有查询的详细信息，或者保存了页面的所有 cookie，您可以执行以下操作：

Cookie("logged-in");
Cookie["已登录"];
Cookie.用户名；

查询（“页面名称”）；
查询[“页面名称”];
查询.page_name;

您只需确保将其视为只读，除非您使用该函数、使用附加到该函数的 setCookie 方法，或者您仅针对支持本机 getter 的浏览器和二传手。