'class' 语法在 javascript 中是如何工作的？

Question

我正在为 react native 应用程序构建一个 api 服务，我很好奇设置实例然后返回一个在 api 函数周围有闭包的对象之间的区别是什么：

export default AuthApiService = (bearerToken) => {

    const instance = axios.create({
            baseURL: `http://${BASE_URL}`,
            timeout: 5000,
            headers: {
                'Content-Type': 'application/json',
                 Authorization: `Bearer ${bearerToken}`
            }
        })

    const signup = async (email, password) => {
        try {
            const response = await instance.post(`/users`, {
                email,
                password
            })
            return response.data
        } catch (err) {
            console.log('error in signup api call', err, err.response)
            throw err
        }
    }

    const facebookLogin = async () => {
        try {
        } catch (err) {}
    }

    return {
        signup,
        facebookLogin
    }
}

以及一个使用构造函数语法创建对象并可以直接访问对象方法的类，如下所示：

export default class AuthApiService {
    constructor(bearerToken) {
        this.instance = axios.create({
            baseURL: `http://${BASE_URL}`,
            timeout: 5000,
            headers: {
                'Content-Type': 'application/json',
                 Authorization: `Bearer ${bearerToken}`
            }
        })
    }

    signup = async (email, password) => {
        try {
            const response = await this.instance.post(`/users`, {
                email,
                password
            })
            return response.data
        } catch(err) {
            console.log('error in signup api call', err, err.response)
            throw err
        }
    }

    facebookLogin = async () => {
        try {

        } catch(err) {

        }
    }
}

在 javascript 类语法中基本上只是一个创建具有不同原型的对象的函数？

另外，您能否就哪种方法“更好”发表意见？

谢谢

Answer 1

就像任何其他编程语言一样，类本质上只是遵循面向对象的方法。除了语法和理解方式之外，确实没有太大区别。

特别是在 JavaScript 中，一个关键的区别是使用 constructor 函数从一个类中创建一个对象。稍后可以跟踪此构造函数，而常规函数则不会发生这种情况。 JavaScript 在技术上甚至没有“类”。类语法是在 ES6 中添加的，它几乎是一个标准函数。

关于哪种方法最好，这完全取决于您。在我看来，少即是多，简单和可读性是编程中最重要的事情。我会熟悉这两种方法，特别是如果你计划使用 React，因为 pre-hooks 时代和当前的 hooks 趋势。

Answer 2

我建议尽可能远离课堂（使用 Javascript）查看factory functions with fun fun function 上的此视频，了解为什么工厂功能通常更好。 Class.prototype 可能很棘手，如果没有使用 .bind(this) 正确绑定方法调用，javascript 中的“this”关键字可能会很棘手。 React 甚至让你在类中绑定方法。

这并不是说类在任何方面都不正确，只是它们在 javascript 中可能会变得不必要地复杂。