jQuery$.延遲固有的問題(jQuery 1.x/2.x)有一篇關于jQuery延遲對象失敗的非常詳盡的文章：你錯過了承諾的要點..在這篇文章中，多梅尼奇強調了jQuery承諾與其他承諾相比的一些缺點，包括Q、RSVP.js和ES6承諾。我離開了多梅尼奇的文章，覺得jQuery承諾在概念上有一個固有的缺陷。我想舉例說明這個概念。我認為jQuery實現有兩個關注點：1..then方法是不可鏈接的。換句話說promise.then(a).then(b)jQuery將調用a然后b當promise都實現了。自.then在其他承諾庫中返回一個新的承諾，它們的等效值是：promise.then(a)promise.then(b)2.jQuery中出現異常處理。另一個問題似乎是異常處理，即：try {
promise.then(a)} catch (e) {}在Q中相當于：try {
promise.then(a).done()} catch (e) {
// .done() re-throws any exceptions from a}在jQuery中，當a捕獲塊失敗。在另一個承諾中，任何例外a會被帶到.done或.catch或者其他異步捕獲。如果所有的承諾API調用都沒有捕獲異常，那么它就消失了(因此，使用.done若要釋放任何未處理的異常，請執行以下操作。 上面的問題是否涵蓋了jQuery承諾實現的問題，還是我誤解或忽略了一些問題？編輯此問題涉及jQuery<3.0；jQuery3.0alphajQuery是答應/A+兼容的。
3 回答
慕仙森
TA貢獻1827條經驗 獲得超8個贊
是的，jQuery承諾存在嚴重的固有問題。
returnsPromise().then(a).then(b)ab
function timeout(){
var d = $.Deferred();
setTimeout(function(){ d.resolve(); },1000);
return d.promise();}timeout().then(function(){
document.body.innerHTML = "First";
return timeout();}).then(function(){
document.body.innerHTML += "<br />Second";
return timeout();}).then(function(){
document.body.innerHTML += "<br />Third";
return timeout();});然而，這兩個 巨量jQuery的問題是錯誤處理和意外執行順序。
錯誤處理
try/catch.
timeout().then(function(){
throw new Error("Boo");}).then(function(){
console.log("Hello World");},function(){
console.log("In Error Handler"); }).then(function(){
console.log("This should have run");}).fail(function(){
console.log("But this does instead"); });"uncaught Error: boo"
timeout().then(function(){
var d = $.Deferred(); d.reject();
return d;}).then(function(){
console.log("Hello World");},function(){
console.log("In Error Handler"); }).then(function(){
console.log("This should have run");}).fail(function(){
console.log("But this does instead"); });"In Error Handler" "But this does instead"
try{
throw new Error("Hello World");} catch(e){
console.log("In Error handler");}console.log("This should have run");執行命令
function timeout(){
var d = $.Deferred();
setTimeout(function(){ d.resolve(); },1000);
return d.promise();}console.log("This");var p = timeout();p.then(function(){
console.log("expected from an async api.");});console.log("is");setTimeout(function(){
console.log("He");
p.then(function(){
console.log("?????Z???????A?????L????????G???????O???!????? *");
});
console.log("Comes");},2000);setTimeout
旁注
.done
翻翻過去那場雪
TA貢獻2065條經驗 獲得超14個贊
"these filter functions can return a new value to be passed along to the promise's .done() or .fail() callbacks, or they can return another observable object (Deferred, Promise, etc) which will pass its resolved / rejected status and values to the promise's callbacks"
- 3 回答
- 0 關注
- 428 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消