async函数中，如果不使用bind，this会指向什么？

在 async 函数中，如果不使用 bind、箭头函数或其他方式来明确绑定 this，this 的指向取决于 async 函数的调用方式。下面是几种常见情况：

1. 作为对象的方法调用

如果 async 函数作为对象的方法调用，this 将指向调用该方法的对象。

示例

const obj = {
    name: 'Alice',
    async showName() {
        console.log(this.name);
    }
};

obj.showName(); // 输出: Alice

在这个例子中，this 正确指向 obj。

2. 作为普通函数调用

如果 async 函数被作为普通函数调用，而不是作为对象的方法，this 将指向全局对象（在浏览器中是 window，在 Node.js 中是 global），在严格模式下则为 undefined。

示例

async function showName() {
    console.log(this); // 在非严格模式下输出: Window
}

showName();

在这个例子中，this 指向全局对象。

3. 作为构造函数调用

如果使用 new 关键字调用 async 函数，this 会指向新创建的对象。

示例

async function Person(name) {
    this.name = name;
}

const person = new Person('Bob');
console.log(person.name); // 输出: Bob

在这里，this 指向新创建的 Person 实例。

4. 在回调中

如果 async 函数被用作回调函数（例如在 setTimeout 或其他异步操作中），this 的指向将取决于调用上下文。

示例

const obj = {
    name: 'Charlie',
    async showName() {
        setTimeout(function() {
            console.log(this.name); // 输出: undefined (在严格模式下)
        }, 1000);
    }
};

obj.showName();

在这个例子中，setTimeout 中的函数没有绑定 this，因此 this 的指向是全局对象或 undefined。

5. 使用箭头函数

如果在 async 函数中使用箭头函数，this 会继承外部上下文的 this。

示例

const obj = {
    name: 'Dave',
    async showName() {
        setTimeout(() => {
            console.log(this.name); // 输出: Dave
        }, 1000);
    }
};

obj.showName();

在这个例子中，使用箭头函数可以保持 this 指向 obj。

总结

在 async 函数中，如果不使用 bind 或箭头函数，this 的指向取决于函数的调用方式：

• 作为对象的方法调用时，this 指向该对象。
• 作为普通函数调用时，this 指向全局对象（非严格模式）或 undefined（严格模式）。
• 使用 new 调用时，this 指向新创建的对象。
• 在回调中，this 可能会丢失指向，导致 undefined。