【复习】javascript this的指向

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 197 阅读

CC 4.0 BY-SA版权

文章标签：

11 篇文章

订阅专栏

本文详细解析了JavaScript中this关键字的指向规则，包括普通函数调用、构造函数调用、对象方法调用、事件绑定方法、定时器函数及立即执行函数等场景下this的指向差异。

this的指向，是当我们调用函数的时候确定的，调用的方式不同决定this的指向不同。this一般指向调用者

调用方式	this指向	示例
普通函数调用	window	`function fn() { console.log('这是一个函数要执行的代码'); } fn();`
构造函数调用	实例对象，原型对象中的方法也指向实例对象	`function Person (uname, age) { // 属性 this.uname = uname; this.age = age; // 方法 // this.chi = function () { // console.log('吃饭'); // } }`
对象方法调用	该方法所属对象	`var obj = { taiji : function () { console.log(this); } } obj.taiji();`
事件绑定方法	绑定事件对象	`var btn = document.getElementById('btn'); btn.onclick = function () { console.log(this); }`
定时器函数	window	`window.setInterval(function () { console.log(this); }, 1000);`
立即执行函数	window	`(function () { console.log(this); }())`