我将以一个插图开始这个答案：

var colours = ['red', 'green', 'blue'];
document.getElementById('element').addEventListener('click', function() {
    // this is a reference to the element clicked on

    var that = this;

    colours.forEach(function() {
        // this is undefined
        // that is a reference to the element clicked on
    });
});

我的回答最初是用jQuery演示的，只是略有不同：

$('#element').click(function(){
    // this is a reference to the element clicked on

    var that = this;

    $('.elements').each(function(){
        // this is a reference to the current element in the loop
        // that is still a reference to the element clicked on
    });
});

由于this在通过调用新函数更改范围时会经常更改，因此无法使用原始值访问原始值。将其别名为that可以使您仍然访问的原始值this。

就个人而言，我不喜欢使用thatas作为别名。它指的是什么几乎是不明显的，特别是如果函数长于几行。我 总是
使用更具描述性的别名。在上面的示例中，我可能会使用clickedEl。