一种功能和一种封装形式？

Question

如果以前有人问过这个问题，我很抱歉，但我什至不确定使用什么搜索词来找到答案，当我尝试搜索时，我从来没有得到任何特定于这个问题的信息。

我正在使用 Javascript，我想知道是否可以做这样的事情：

find(x);             // find a document (for example)
find.inFolder(y);    // find a folder's documents (for example)

换句话说，我可以有一个也可以用作对象/类的函数吗？我知道我可以运行 find() 一次并返回一个哈希值，以便 find.inFolder() 可以工作，但我希望有一种方法可以让我继续调用 find()。

可以用原型来完成吗？ （我的“原型”知识非常有限）

function find() {}
find.prototype.inFolder = function() {}

它可以在哈希内部完成吗？ [我知道这段代码不起作用]

var find = {
    () : function() {},
    inFolder : function() {}
}

为了进一步推动它，有没有办法将 .inFolder() 的结果以这种方式发送到 find() 函数：

find().inFolder();

我知道你可能会说我不这样做了解 javascript 的概念，你基本上是正确的，但我看到人们用 JS 做了一些非常令人惊奇的事情，所以我想我应该问问那里的专业人士。

预先感谢您的任何帮助。

Answer 1

你所描述的是一个流畅的界面（如果你想要一些东西来搜索）。您可以完成类似您想要实现的目标，如下所示：

var find = function() {
    this.inFolder = function() {
        return this; // Although to stop chaining, you could return nothing here.
    };
    return this;
};

find().inFolder(); // .inFolder().inFolder()...

这是一个很棒的模式，尤其是在像 jQuery 这样的项目中使用时：

$("#element").find(".child_element").first();

每个调用都会返回一个带有 .find(), 的 jQuery 对象>.first() 和许多其他函数，让您可以编写直观且流畅的代码。

---

我有点喜欢你的 find().inFolder() 示例，所以这里有一个扩展版本：

var find = function(file) {
    this.folders = {
        "Documents": ["Foo.txt", "Bar.txt"],
        "Downloads": ["File.exe"],
        "Misc": ["Picture.jpg"]
    };

    this.file = file;

    this.inFolder = function(folder) {
        var files = this.folders[folder];
        return files.indexOf(this.file) >= 0;
    };
    return this;
};

alert(find("Foo.txt").inFolder("Documents")); // True
alert(find("File.exe").inFolder("Downloads")); // True
alert(find("Picture.jpg").inFolder("Downloads")); // False

http://jsfiddle.net/andrewwhitaker/TCdTd/

Answer 2

您可以将一个函数分配给另一个函数的成员：

find = function(x) { .... }
find.inFolder = function(y) { ... }

jsFiddle。

但我不确定我是否理解这个问题。