javascript - 第二个警报框“未定义”

Question

可能重复：
在对象原型方法中的 setInterval/setTimeout 中引用“this”

第二个警报框说“未定义”？为什么是这样？

<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);
};

Answer 2

https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout#The_.22this.22_problem

this在处理程序中具有不同的值setTimeout。