认识JavaScript中的this

最新推荐文章于 2025-08-15 09:50:45 发布

转载最新推荐文章于 2025-08-15 09:50:45 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/13517854/2048021

文章标签：

#javascript #ViewUI

本文深入浅出地解析了JavaScript中的this关键字，通过实例演示了this如何根据函数的调用者来确定其指向的对象，帮助读者更好地理解并掌握这一核心概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很多同学在学习编程时, 特别是零基础的同学, 在学到web阶段 JavaScript课程过程中, 对于关键字 this, 很不理解, 不知道该如何简单明了的理解并学习这个知识点, 那么今天我们就一起来分析一下 JavaScript中this关键字到底是个什么鬼

this是Javascript语言的一个关键字。那么this到底是真名呢？简而言之，this指的是函数的调用者。看一个例子：
var name = "张三";
function test() {
console.log(this.name);
}
var person = new Object();
person.name = "李四";

test.call();
test.call(person);
大家看一下结果是什么。第一个log是张三，第二个是李四。

我们分析一下，test.call();是window调用了test方法，所以在第一次执行test函数时，this指的是window对象，第二次调用test方法是test.call(person);这时调用test函数的对象时person，此时函数中的this指的就是person对象。

我们再看一个例子：
function test2() {
this.x = 1;
}
var o = new test2();
console.log(o.x);
log结果是1。
通过构造方法生成一个新的对象o，此时该构造方法中的this指的就是这个新生成的对象。
那么现在你对”this指的是函数的调用者”这句话理解了吗？

转载于:https://blog.51cto.com/13517854/2048021