javascript - javascript 中的流畅服务 API

Question

我希望在委托(delegate)时公开一个类似于 AngularJS $http API 上的流畅服务 API。

类似于:

login(user).success(function(data, status) {
    // success case    
}).error(function(data, status) {
    // fail case
}).go();

该实现实际上会以某种方式调用 AngularJS $http API。

$http.post('/api/login', user).success(function(data, status) {
    // success case    
}).error(function(data, status) {
    // fail case
});

任何指示将不胜感激。

Answer 1

secret 很简单，只需为每个可链接方法调用返回 this 即可:

var MyApi = {
    something : function() {
        console.log('something');
        return this;
    },

    elseIsh : function() {
        console.log('else');
        return this;
    },

    again : function() {
        console.log('again');
        return this;
    }
}

MyApi.something().again().elseIsh().again();

并使用新的构造函数进行初始函数调用，如下所示:

var does = function() {
    if(this.constructor !== does) {
        return new does();
    }
    console.log('does');
}

does.prototype.something = function() {
    console.log('something');
    return this;
}

does.prototype.elseIsh = function() {
    console.log('else');
    return this;
}

does.prototype.again = function() {
    console.log('again');
    return this;
}

does()​.again().something().elseIsh().again();​