DEV Community
·
理解 JavaScript 对象和函数中的 "this"
内容提要
在JavaScript中，理解`this`的作用域很重要。在全局中，`this`指向全局对象。在对象方法中，`this`指向该对象。但在箭头函数中，`this`指向定义时的上下文，而非调用时的对象，这可能导致无法访问对象属性。
关键要点
-
在JavaScript中，理解'this'的作用域非常重要。
-
'this'是一个关键字，表示作用域，可以是全局作用域或代码块内的作用域。
-
在全局作用域中，'this'指向全局对象。
-
在对象方法中，'this'指向该对象。
-
在箭头函数中，'this'指向定义时的上下文，而不是调用时的对象。
-
如果在全局作用域中调用一个函数，'this'会指向全局对象，导致无法访问局部变量。
-
通过将函数作为对象的方法，可以正确访问对象的属性。
-
箭头函数在对象中使用时，'this'会指向全局作用域，可能导致返回undefined。
-
理解'this'的作用域可以避免在编写JavaScript代码时遇到困惑。
延伸解读
理解 `this` 的作用域
`this` 在 JavaScript 中的作用域非常重要。全局作用域下，`this` 指向全局对象，而在对象方法中，`this` 指向该对象。理解这一点可以帮助开发者避免在调用函数时出现意外的 `undefined` 错误，尤其是在使用箭头函数时。
箭头函数的局限性
箭头函数的 `this` 指向定义时的上下文，而非调用时的对象。这意味着在对象中使用箭头函数时，可能会导致无法访问对象的属性，返回 `undefined`。开发者在选择使用箭头函数时应谨慎，确保其适用场景。
函数调用的上下文
在 JavaScript 中，函数的调用方式会影响 `this` 的指向。例如，将对象的方法赋值给变量后再调用，会使 `this` 指向全局对象，而不是原对象。理解这一点对于避免意外的错误至关重要，尤其是在处理回调函数时。
延伸问答
JavaScript中的'this'指的是什么？
'this'是一个关键字，用于表示作用域，可以是全局作用域或代码块内的作用域。
在全局作用域中，'this'指向哪个对象？
在全局作用域中，'this'指向全局对象。
对象方法中的'this'指向什么？
在对象方法中，'this'指向该对象。
箭头函数中的'this'是如何工作的？
在箭头函数中，'this'指向定义时的上下文，而不是调用时的对象。
为什么在全局调用函数时'this'会返回undefined？
因为在全局调用函数时，'this'指向全局对象，但如果函数内部没有对应的变量，返回值会是undefined。
如何在对象中正确使用'this'？
通过将函数作为对象的方法，可以确保'this'指向该对象，从而正确访问对象的属性。
