为什么要有this？

在 JavaScript 开发中，this 关键字是少不了的。它让你能够在不同的上下文中访问当前对象，而不必手动传递引用。

很多开发者第一次接触 this 时会遇到两种写法：

const user1 = { name: '张三' };function sayName1 {
console.log;}
const user2 = { name: '李四' };function sayName2 {
console.log;}
sayName1，// 张三
sayName2;// 李四

这段代码工作正常。但如果你需要在更多地方复用 sayName就得复制粘贴整个函数，维护成本很高。下面的写法则利用 this 实现了一样的效果：

function sayName {
console.log;}
const user1 = { name: '张三' };const user2 = { name: '李四' };sayName.call;// 张三
sayName.call;// 李四

两段代码长度相近，却产生了截然不同的可维护性体验。痛点一：重复代码导致错误堆积。

至于常见误区。直接使用全局变量而忽略 this

当你把业务逻辑写成单独函数时往往会忘记传入正确的上下文，导致 this 指向错误对象。老实说，

this 能被用在哪？

全局作用域

• This 在全局作用域里等于 window:
• This 在 Node.js 环境里是一个空对象 {}：

• console.log;// {} 

• This 在浏览器里是 window 对象：

• console.log;// true 

函数内部

当一个函数以普通方式调用时其内部的 this 默认指向全局对象。

var a = 1;function foo {
console.log;}
foo，// 浏览器输出 1，Node 输出 undefined

此处 foo 没有定义 a。它会去全局找 a 并输出。



当一个函数作为某个对象的方法被调用时`this` 指向该对象。

function foo {
console.log;}
var obj = {
a: 'value',foo: foo
};obj.foo，// 输出 obj 本身

此时 `foo` 被 `obj` 调用，所以 `this` 等于 `obj`。



A 函数在多层对象链中被调用时最终指向最近一次 “方法调用” 的那个对象。
',href='/static/css/css.css?老实说，ver20231127'>CSS