HTMLImageElemen處理HTMLImageElemen.src在哪裏？

Question

考慮下面的代碼，檢測是否該圖片src是角

isImage: function(src) { 

     var deferred = $q.defer(); 

     var image = new Image(); 
     image.onerror = function(data) { 
      console.log(data, "error"); 
      deferred.resolve([false, src]); 
     }; 
     image.onload = function(data) { 
      console.log(data, "success"); 
      deferred.resolve([true, src]); 
     }; 

     image.src = "some_valid_image_url" 
     setTimeout(function() { 
      image.src = "some_valid_image_url" 
     }, 5000) 

     return deferred.promise; 
    } 



isImage("some_valid_image_url").then(function() {console.log("return")}) 

有效的，如果我跑我的上述控制檯中的代碼將打印

success 

2倍

但

return 

is print 1次

看起來像某處有一個更改處理程序看着財產？

我的問題是.src的更改處理程序在哪裏，爲什麼.then只解決一次？

Answer 1

我的問題是，什麼是.src變化處理程序駐留

javascript的問題集onerror和onload處理程序<img>元素。 .src<img>的屬性設置了兩次，調用onerror或onload事件處理程序兩次。

爲什麼是。然後只解決一次？

A Promise最多可以解決或拒絕一次。 .then()被稱爲一次鏈接到Promise對象。