在CoffeeScript中

Question

鏈接用是有沒有辦法鏈Promises在一起的CoffeeScript。例如，考慮下面的JavaScript代碼，

的 then's的

return $.getJSON('/api/post.json') 
    .then(function(response) { 
    // do something 
    }) 
    .then(function(response) { 
    // do something 
    }) 
    .then(null, function(err) { 
    // do something 
    }); 

每個是可選的，並且需要最終then由函數返回。 目前，我在CoffeeScript中爲寫這個，

promise = $.getJSON('/api/post.json') 
promise = promise.then (response) -> 
    // do something 

promise = promise.then (response) -> 
    // do something 

promise = promise.then null, (err) -> 
    // do something 

return promise 

有沒有更好的方式來做到這一點？謝謝。

Answer 1

以西結書顯示了正確的方式，但它並不需要周圍的功能括號。只是做：

$.getJSON '/api/post.json' # As of CoffeeScript 1.7, you don't need the parentheses here either. 
.then (response) -> 
    # do something 
    response # if you would not return anything, promise would be fulfilled with undefined 
.then (response) -> 
    # do something 
    undefined # necessary to prevent empty function body 
.then null, (err) -> 
    # handle error 

我認爲這是令人驚訝的乾淨。 的一件事是比較混亂的是，當你需要同時添加onRejected和onFulfilled處理程序。

注：我最後一次檢查，這並沒有在CoffeeScript中Redux的工作，但是這是在幾個月前。

注2：你需要爲這個在每個函數體實際的代碼（即不只是一個評論）至少一條線的工作。通常情況下，你會的，所以這不是一個大問題。

Answer 2

這可能是你做的最好的：

$.getJSON('/api/post.json') 
    .then((response) -> 
     # do something 
    ).then((response) -> 
     # do something 
    ).then null, (err) -> 
     # do something 

注意周圍的then()參數的括號內。沒有什麼可怕的，但希望這有助於。

Answer 3

這是我寫的承諾，帶着一點點額外的壓痕

doSomething =() -> new RSVP.Promise (resolve, reject) -> 
    if 1 is 1 
    resolve 'Success' 
    else 
    reject 'Error' 

doSomething() 
.then (res) -> 
     console.log 'Step 1 Success Handler' 

    , (err) -> 
     console.log 'Step 1 Error Handler' 

.then (res) -> 
     console.log 'Step 2 Success Handler' 

.then (res) -> 
     console.log 'Step 3 Success Handler' 

    , (err) -> 
     console.log 'Step 3 Error Handler' 

哪個編譯個人最喜歡的方式：

var doSomething; 

doSomething = function() { 
    return new RSVP.Promise(function(resolve, reject) { 
    if (1 === 1) { 
     return resolve('Success'); 
    } else { 
     return reject('Error'); 
    } 
    }); 
}; 

doSomething().then(function(res) { 
    return console.log('Step 1 Success Handler'); 
}, function(err) { 
    return console.log('Step 1 Error Handler'); 
}).then(function(res) { 
    return console.log('Step 2 Success Handler'); 
}).then(function(res) { 
    return console.log('Step 3 Success Handler'); 
}, function(err) { 
    return console.log('Step 3 Error Handler'); 
}); 

有有些情況下這個作品真的很好過：

step1Success = (res) -> console.log 'Step 1 Success Handler' 
step1Error = (err) -> console.log 'Step 1 Error Handler' 

step2Success = (res) -> console.log 'Step 2 Success Handler' 

step3Success = (res) -> console.log 'Step 3 Success Handler' 
step3Error = (err) -> console.log 'Step 3 Error Handler' 

doSomething() 
    .then(step1Success, step1Error) 
    .then(step2Success) 
    .then(step3Success, step3Error) 

測試咖啡腳本v1.6.3