深入理解JavaScript中this关键字的指向规则

作者：木棉时间：2026-10-30 07:37:55浏览：324

本文详细解析JavaScript中this关键字在不同调用场景下的指向规则。涵盖纯粹函数调用指向全局对象、方法调用指向上级对象、构造函数调用指向新实例，以及apply调用对this绑定的影响。通过具体代码示例说明各场景下的值变化，帮助开发者准确理解并应用this机制。

JavaScript中this的基本概念与核心原则

this是JavaScript中的一个关键字，其具体指向的值会随函数使用场合的不同而发生变化。尽管表现形式多样，但核心原则始终一致：this指向调用该函数的那个对象。

第一种情况是纯粹函数调用。


function test() {  
  this.x = 1;  
  alert(x);
}

test();

在此场景下，this实际上指向全局变量。通过观察相关示例可以清晰地理解，此时的this即代表全局对象Global。


var x = 1;
function test() {
  alert(this.x);
}
test();//1

var x = 1;
function test() {
  this.x = 0;
}
test();
alert(x);//0

第二种情况是作为方法调用，此时this指向该方法的上级对象。


function test() {
  alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m(); //1

第三种情况是作为构造函数调用。构造函数的作用是生成一个新的对象，因此在这种情况下，this指向的就是这个新创建的对象。


function test() {  
   this.x = 1;
}
var o = new test();
alert(o.x);//1

第四种情况涉及apply方法的调用。


var x = 0;
function test() {
  alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m.apply(); //0
o.m.apply(o);//1

当使用apply方法且未传入参数时，表示绑定为全局对象，因此此时的值为0。

以上关于JavaScript中this用法的深入解析即为全部内容，希望能对读者有所帮助，也欢迎大家继续支持本站。

作者最新文章

JS中将数组和对象混合组装为JSON字符串

2026-11-05 16:41:42

JS运算符优先级与结合性的区别是什么？

2026-11-05 13:22:02

JS Map怎么只遍历Key或Value

2026-11-05 13:00:36

D3.js 与 ECharts 选型对比：灵活性 vs 开发效率

2026-11-05 09:45:01

为什么JS中typeof []返回object：数组类型检测误区解析

2026-11-04 19:50:47