javascript - 第二个警报框 "Undefined"

Question

这个问题已经有答案了:

已关闭 10 年前。

Possible Duplicate:
Referencing “this” inside setInterval/setTimeout within object prototype methods

第二个警告框显示“未定义”？为什么是这样？

<a id = "clickme">Click Me!</a>
<script>
var a = document.getElementById("clickme");
a.onclick = function(); {
    alert(this.innerHTML);
    setTimeout( function() {
        alert( this.innerHTML );
    }, 1000);
};
</script>

Answer 1

因为在 function 中您要传递给 setTimeout，所以 this 不再是 a 元素。它将是 global 对象(浏览器领域中的 window)或严格模式下的 undefined。

相反，存储对this的引用；

var a = document.getElementById("clickme");
a.onclick = function(); {
    var that = this;

    alert(this.innerHTML);
    setTimeout( function() {
        alert( that.innerHTML );
    }, 1000);
};