爲什麼這個javascript值在它聲明的範圍內爲null，但不在一個較窄的範圍內

Question

假設我有以下代碼，它使用canvasResize插件調整圖像大小，然後返回處理的Blob數據。

如果我將f的alert變量放在現在的位置，f不會爲空。但是，如果我在函數結束前立即檢查f變量，那麼它將爲空。

function resizeFile(file){ 
    var f=null; 
    $.canvasResize(file, 
     { 
      width: 400, 
      height: 0, 
      crop: false, 
      quality: 100, 
      callback: function (data) 
       { 
        // Add file data 
        f = $.canvasResize('dataURLtoBlob', data) 
        if(f!=null){ 
           alert(f) 
          } 
          else{ 
           alert("file blob is null") 
          } 
        $('body').css("background", "url("+data+")") 
       } 
     }); 


     return f; 
    } 

Answer 1

在你的代碼中f變量是在調整大小完成後，其執行callback函數初始化。

所以，return f被稱爲第一個，然後callback功能，所以它會是null。