JavaScript 中 this 值是什么？

紫微前端

于 2022-03-22 15:17:39 发布

阅读量725

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签：前端面试

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123661796

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文探讨JavaScript中的this关键字，它通常表示当前执行上下文的对象。在方法中，this指向调用该方法的对象。但在不同场景下，如匿名函数、全局作用域、箭头函数等，this的指向会有所不同。解决this指向问题的方法包括使用bind、call和apply。箭头函数不会创建自己的this，而是继承父级作用域的this值。

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

基本上，this指的是当前正在执行或调用该函数的对象的值。this值的变化取决于我们使用它的上下文和我们在哪里使用它。

const carDetails = {
  name: "Ford Mustang",
  yearBought: 2005,
  getName(){
    return this.name;
  },
  isRegistered: true
};

console.log(carDetails.getName()); // Ford Mustang

这通常是我们期望结果的，因为在getName方法中我们返回this.name，在此上下文中，this指向的是carDetails对象，该对象当前是执行函数的“所有者”对象。

接下我们做些奇怪的事情：

var name = "Ford Ranger";
var getCarName = carDetails.getName;

console.log(getCarName()); // Ford Ranger

上面打印Ford Ranger

了解本专栏