Question

标题中的问题。我一直想知道并且未能从jQuery源代码中找到答案。如何做到这一点。

重申一下。在jQuery中：“$”如何成为一个函数，例如“$（）”以及一个对象“$。”

我可以像这样或另一种方式创建它......

var $ = function(){
    return {each:function(){console.log("Word")}}
}
// $.each(); FAIL!
$().each(); // Word


var $ = {
    each:function(){console.log("Word")}
}
$.each(); // Word
//$().each(); FAIL!

Answer 1

从基本功能开始：

var $ = function(expr) { return $.select(expr); }

然后，为其添加额外的功能：

$.select = function(expr)
{
    console.log("selecting " + expr);
    return $; // TODO: perform selection
};

$.each = function()
{
    console.log("Called $.each()");
};

通过查看the source：

，您可以了解如何在jQuery中使用此模式

var jQuery = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context );
}

jQuery.fn = jQuery.prototype = {
    init: function( selector, context ) {
        var match, elem, ret, doc;

        // Handle $(""), $(null), or $(undefined)
        if ( !selector ) {
            return this;
        }

        // contents of init() here
    }
}

Answer 2

在javascript中，函数是一个对象。你可以用属性，其他函数（方法）创建一个函数。只需在Javascript中编写它，然后查看myfunc

的类型

var myfunc = function() {
 //do stuff
}

当您查看Firebug中myfunc的类型时，您会看到myfunc是一个对象。

Javascript像对象一样的函数，即“$”可以用作例如$（）以及一个对象$

2 个答案: