javascript - 我如何创建一个选择器，就像 jQuery 有 jQuery() 或 $() 一样？

Question

我一直在为自定义布局脚本创建自己的库。为了便于使用，我试图模拟 jQuery 如何通过 jQuery() 公开其库，这使得代码非常易于阅读和直接。我想出了一些可行的方法，但我不确定这是否是正确的方法。不是将函数保留在内部，而是将所有函数“附加”到库中。无论如何，到目前为止对我有用的代码如下:

slateUI = (function(slateID){
    slateUI.ID = slateID;
    return slateUI;
});

相关函数看起来像这样:

slateUI.doSomething = function(content)
{
    //DID SOMETHING USING slateUI.ID
}

我对类似 OOP 的语言特性还很陌生。我相信有更好的方法来解决这个问题。我遇到的问题是将元素传递给附加函数调用，例如:

slateUI("#someSlate").doSomething(...)

从slateUI.ID中获取其元素

这是解决这个问题的正确方法吗？或者这是我想出的一种破解方法，并且有一些直接的方法可以做到这一点？

Answer 1

// function which returns a new SlateUI object (so we dont have to use the "new" keyword)
slateUI = function ( slateID ) {
    return new SlateUI( slateID );
};

// class definition
function SlateUI ( slateId ) {
    this.id = slateId;
}
// methods added to the class prototype (allows for prototypical inheritance)
SlateUI.prototype.someFunction = function() {
    alert( this.id );
    return this; // adding this line to the end of each method allows for method chaining
};

// usage
slateUI( 'someid' ).someFunction();