作用域下的方法如何调用？

这个问题可能指在特定作用域（尤其是 this 指向）下调用方法。核心是理解 this 的绑定规则 和如何 显式改变 this 的指向。

默认绑定:

独立函数调用：this 指向全局对象（浏览器中 window，严格模式 undefined）。 javascript 复制下载

scss 复制代码

function sayHello() {
  console.log(this.name); // 非严格模式：this 指向 window (可能为 undefined 或报错)
}
sayHello(); // 默认绑定

隐式绑定:

方法作为对象属性调用：this 指向调用该方法的对象。 javascript 复制下载

javascript 复制代码

const person = {
  name: 'Alice',
  greet: function() {
    console.log(`Hello, ${this.name}!`); // this 指向 person
  }
};
person.greet(); // Hello, Alice! (隐式绑定)

显式绑定 (关键): 当需要在一个对象的作用域下调用一个不属于它的方法时使用。

call([thisArg, arg1, arg2, ...]): 立即调用函数，显式设置 this 为第一个参数 thisArg，后续参数作为函数参数传入。 javascript 复制下载

javascript 复制代码

function introduce(greeting) {
  console.log(`${greeting}, I'm ${this.name}`);
}
const alice = { name: 'Alice' };
introduce.call(alice, 'Hi'); // Hi, I'm Alice (this 被绑定到 alice)

apply([thisArg, [argsArray]]): 与 call 类似，但函数参数通过一个数组 argsArray 提供。 javascript 复制下载

javascript 复制代码

function introduce(greeting, punctuation) {
  console.log(`${greeting}, I'm ${this.name}${punctuation}`);
}
const bob = { name: 'Bob' };
introduce.apply(bob, ['Hello', '!']); // Hello, I'm Bob! (this 被绑定到 bob)

bind([thisArg, arg1, arg2, ...]): 创建一个新的函数 ，其 this 被永久绑定到 thisArg，并可预设部分参数。新函数可以在之后调用。 javascript 复制下载

javascript 复制代码

function introduce(greeting) {
  console.log(`${greeting}, I'm ${this.name}`);
}
const charlie = { name: 'Charlie' };
const charlieIntro = introduce.bind(charlie, 'Hey there'); // 绑定 this 并预设第一个参数
charlieIntro(); // Hey there, I'm Charlie (调用时 this 依然是 charlie)

new 绑定:

使用 new 调用构造函数：this 指向新创建的实例对象。 javascript 复制下载

javascript 复制代码

function Person(name) {
  this.name = name; // this 指向新创建的实例
}
const dave = new Person('Dave');
console.log(dave.name); // Dave

箭头函数:

箭头函数没有自己的 this。它的 this 继承自定义时所在的外层（词法）作用域 。call/apply/bind 无法改变 箭头函数的 this 指向。这是最可靠的在特定作用域（通常是外层函数的 this）下执行函数的方式。 javascript 复制下载

javascript 复制代码

const team = {
  members: ['Alice', 'Bob'],
  logMembers: function() {
    // 普通函数，this 指向 team (隐式绑定)
    this.members.forEach(function(member) {
      console.log(member, this); // 这里的 this 是全局对象或 undefined (默认绑定)!
    });
    // 使用箭头函数，this 继承自 logMembers 的 this (即 team)
    this.members.forEach((member) => {
      console.log(member, this); // 这里的 this 是 team 对象!
    });
  }
};
team.logMembers();

如何调用"作用域下的方法"：

如果方法本来就属于该对象，直接用 object.method()（隐式绑定）。
如果方法不属于该对象，但需要在该对象的上下文中执行：
- 使用 call 或 apply 立即执行：someFunction.call(desiredThis, arg1, arg2) 或 someFunction.apply(desiredThis, [arg1, arg2])。
- 使用 bind 创建一个新函数，以后调用：const boundFunc = someFunction.bind(desiredThis, arg1); boundFunc();。
如果是在回调函数中需要保持外层作用域的 this，优先使用箭头函数。