javascript - 如何实现像 jQuery 这样的链式方法调用？

Question

所以我(仍然)完全爱上了万能的 jQuery，并且我有自己不断增长的实用程序库，我想将其编入 java 脚本对象中。为了我的其他前端开发人员的简单起见，我想保持类似于 jquery 的语法。所以我想要这样的东西:

 foo(argument).method(argument);

我一直在尝试这样的事情:

var foo = function(str){
    this.str = str;
}

foo.prototype = {
    alertTest  :  function(additional){
         alert(this.str + ' ' + additional);
    }
}

所以 foo('hello').alertTest('world);带有警报“ Hello World ”

我知道这是可能的，但我不是面向对象的人，需要帮助才能正确完成这个简单的事情。请帮忙。我也打算有很多 foo().bar();类型函数，比如 foo().somethingelse();和 foo().anotherthing(); .我做了几次尝试，但在这里苦苦挣扎。还必须有一种非常棒的紧凑方式来做到这一点。

谢谢大家!

Answer 1

你快到了:

new foo('hello').alertTest('world');

或者如果您不喜欢新:

var bar = function bar(str) {
    this.str = str;    
};

bar.prototype = {
    alertTest :  function(additional){
        alert(this.str + ' ' + additional);
        return this;
    }
};

function foo(str) {
    return new bar(str);
}

foo('hello').alertTest('world');

Live Demo .