javascript - js获取函数中调用对象的类

Question

我有一个与此类似的结构:

 class Person {
        greet() {
            console.log(this.constructor.name)
        }
    }

    class User extends Person {
    }

    let user = new User()
    user.greet()

不幸的是，它为 this.constructor.name 打印 window 而不是 User。还有其他方法可以获取实际的类名吗？

实际代码:

static MeteorMethod(target: MeteorModel, key: string, descriptor: PropertyDescriptor) {
        let constructor = target.constructor
        let className = target.constructor.name
        let methodName = key
        let method = descriptor.value
        let meteorMethodName = MeteorModelDecorators.generateMethodName(constructor, methodName)
        MeteorModelDecorators.MeteorMethodClasses[className] = target

        if(Meteor.isServer) {
            Meteor.methods({
                [meteorMethodName]: (modelClassName: string, modelProps: object, ...args: any[]) => {
                    let model = new MeteorModelDecorators.MeteorMethodClasses[modelClassName](modelProps)
                    method.apply(model, args)
                }
            })
        }
        else {
            descriptor.value = async function(...args: any[]) {
                // here I expect this to be Book, but I get Window
                return new Promise(function(resolve, reject) {
                    Meteor.call(meteorMethodName, this.constructor.name, this, args, (error: any, result: any) => {
                        if(error) reject(error)
                        resolve(result)
                    })
                })
            }
        }
    }

class MeteorModel {
    @MeteorMethod
    save() {
        console.log('save')
    }
}

class Book extends MeteorModel {
}

let book = new Book()
book.save()

Answer 1

您的问题出在这部分:

descriptor.value = async function(...args: any[]) {
            // here I expect this to be Book, but I get Window
            return new Promise(function(resolve, reject) {
                Meteor.call(meteorMethodName, this.constructor.name, this, args, (error: any, result: any) => {
                    if(error) reject(error)
                    resolve(result)
                })
            })
        }

必须是这样的:

descriptor.value = async function(...args: any[]) {
            // With the arrow function, should be Book
            return new Promise((resolve, reject) => {
                Meteor.call(meteorMethodName, this.constructor.name, this, args, (error: any, result: any) => {
                    if(error) reject(error)
                    resolve(result)
                })
            })
        }

您传递给 Promise 构造函数的函数正在设置一个新的上下文，通过使用箭头函数，您可以从周围的方法中获取 this 上下文。