呼び出し解決機能は、私は次のコードを持っている

Question

JavaScriptの約束で機能を拒否するために行く：

return new Promise (function (resolve,reject) { 
     if (this.ImageData && averageColor) { 
      var xhr = new XMLHttpRequest(); 
      xhr.onreadystatechange = function() { 
       if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) { 
        console.log("Image found"); 
        resolve(xhr.response); 
       }else { 
        console.log("Image not found"); 
        reject(); 
       } 
      } 
      xhr.open('GET', 'http://localhost:8765/color/'+averageColor, true); 
      xhr.send(null); 
     } 
     else { 
      reject(); 
     } 
    }); 

を次のようにこのコードを呼び出す関数は、次のとおりです。

var v = tile.getImage(tile.getColorAverage()); 
     v.then(function (value) { 
      console.log("laughing"); 
     }).catch(function() { 
      console.log("Catch called"); 
     }); 

問題は、私の約束で私です条件が満たされ、サーバーからの応答が正しく得られていることがわかります（console.logのため）。しかし、反対側では、それはまったく「約束」のビットに入ることはありません（一度もありません）。それは何らかの理由で拒絶者に行きます。私はそれを解決するはずのビットを実行するが、私はそれで何も得られないことがわかるように、ナットに行く。どんな助けでも大歓迎です。

編集：

今は一度だけ実行しました。そして、ここに私のconsole.logトレースがあります。今でも多くの混乱した：特に別の値に設定されていない限りPromiseコンストラクタ内

Answer 1

xhr.onreadystatechange = function() { 
    if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) { 
     console.log(xhr.response); 
     resolve(xhr.response); 
    }else { 
     reject(); 
    } 
} 

onreadystatechangeにについての事は、それは約束の解像度についての事は一度拒否または解決し、それが再び拒否またはresovledすることができないということです

複数回呼び出され、あります

onreadystatechangeには、呼び出される初めて、ステータスが1になり、4ない...ので、あなたはステータスがある場合にのみ拒否すべき

を拒否4と（完了）ANDステータス！= 200

xhr.onreadystatechange = function() { 
    if (xhr.readyState == XMLHttpRequest.DONE) { 
     if(xhr.status == 200) { 
      console.log(xhr.response); 
      resolve(xhr.response); 
     } else { 
      reject(); 
     } 
    } 
} 

はまた、オンロード使用/ ONERROR - あなたはまだ動作しますが、間違って見える何かについてサイドノートとして

xhr.onload= function() { 
    if(xhr.status == 200) { 
     console.log(xhr.response); 
     resolve(xhr.response); 
    } else { 
     reject(); 
    } 
} 


xhr.onerror= function() { 
    reject(); 
} 

のonload

のステータス== 200をチェックする必要があるものの

return new Promise (function (resolve,reject) { 
    if (this.ImageData && averageColor) { 

約束コンストラクタコールバック内のはwindowことができ、またはそれはさえも、strictモードでundefined可能性 - あなたはthis`は `内にあると`何を期待している、それはトラック

Answer 2

thisは、windowです。 this.ImageDataはnew Promise()の呼び出し時に.ImageDataを持つオブジェクトにthisを設定せずにfalseと評価されます。

Promiseコンストラクタリゾルバ関数内this.ImageDataのプロパティImageDataを持つオブジェクトへの置き換えを参照。例えば

function resolver(resolve, reject) { 

} 

new Promise(resolver.bind(/*object that has `.ImageData` as property*/)) 

について

また、readystatechangeイベントをloadイベントを代入し、XMLHttpRequestオブジェクトのerrorイベントハンドラを含みます。

Answer 3

この問題が発生した理由は、要求が完了する前にonreadystatechangeが複数回呼び出され、完了する前にelseという条件が返され、rejectが呼び出されるためです。 DONEとxhr.status != 200の場合にのみ拒否してください。次に例を示します。

if (xhr.readyState == XMLHttpRequest.DONE) { 
    if (xhr.status == 200) { 
     resolve(xhr.response); 
    } else { 
     reject(); 
    } 
}