小编典典

'var that = this;'是什么?在JavaScript中意味着什么?

javascript

在一个JavaScript文件中,我看到了:

function Somefunction(){
   var that = this; 
   ... 
}

声明that并分配this给它的目的是什么?


阅读 712

收藏
2020-04-25

共1个答案

小编典典

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

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

2020-04-25