JavaScript中this参数的5个关键知识点

this关键字是JavaScript中最令人困惑的部分之一。本文通过介绍关于它的五个重要知识点，试图阐明其用途和用法。

1. 可以访问同一对象上的其他属性

在JavaScript中，函数可以是独立的单元，但它们也可以作为对象的值使用。

考虑以下对象：

1
2
3
4


const obj = { 
  msg: 'Hi', 
  logMessage: function(){}
}

logMessage属性存储了一个函数。logMessage是一个方法。

logMessage函数如何访问同一对象上的其他成员？

这就是this伪参数发挥作用的地方。它可以访问同一对象上的其他成员。

1
2
3
4
5
6
7
8
9


const obj = {
  msg: 'Hi',
  logMessage: function(){
    console.log(this.msg);
  }
}

obj.logMessage();
// 'Hi'

在logMessage方法内部，this关键字用于访问同一对象上的msg属性。

作者仅向Medium会员提供此故事。如果您是Medium的新用户，请创建一个新账户来阅读此故事。

在应用中继续 或者，在移动网页中继续

使用Google注册 使用Facebook注册 使用电子邮件注册 已有账户？登录