的JavaScript的ReferenceError

Question

首先，我調用函數reloadImage1當圖像加載如下：

<img src="loading.gif" onload="reloadImage1(this,'newphoto.jpg')"> 

，這是reloadImage1：

function reloadImage1(img,isrc) 
{ 
    setTimeout("reloadImage2(img,isrc)",2000); 
} 

，這是reloadImage2：

function reloadImage2(img,isrc) 
{ 
    img.removeAttribute("onload"); 
    img.src = isrc; 
} 

執行reloadImage1時出現以下錯誤消息：

ReferenceError: img is not defined

Answer 1

嘗試改變reloadImage1到：

function reloadImage1(img, isrc) { 
    setTimeout(function() { 
     reloadImage2(img, isrc); 
    }, 2000); 
} 

入住這演示：http://jsfiddle.net/MrATK/

Answer 2

在您的代碼：

> function reloadImage1(img,isrc) { 

IMG和src是該函數的局部變量。

>  setTimeout("reloadImage2(img,isrc)",2000); 
> } 

當傳遞一個字符串到setTimeout的，它在全球範圍內被執行，它沒有訪問變量IMG和SRC的功能。相反，通過具有封閉到原來的功能方面的功能，例如：

setTimeout(function() {reloadImage2(img,isrc);}, 2000);