如何让类的方法在解构后仍能正确使用this关键字？

当解构类实例的method后直接调用，会触发Uncaught TypeError: Cannot read properties of undefined (reading 'prop')，核心原因是解构后method变成了独立的普通函数，调用时this不再指向原实例（严格模式下this为undefined），导致无法访问this.prop。

通过类内语法调整，可以让解构后的method正常调用，以下是两种可行方案：

方案一：使用箭头函数定义类方法 #

将method改为类字段形式的箭头函数，利用箭头函数的词法this特性，让它始终绑定类实例：

class MyClass {
    prop = []; 
    method = () => { 
        return this.prop.length; 
    }
}

箭头函数不会创建自身的this，它的this继承自定义时的上下文（即类实例），因此解构后调用method()时，this依然指向原实例，能正常访问prop。

方案二：在构造函数中绑定this #

在类的构造函数里，通过bind将method的this永久绑定到当前实例：

class MyClass {
    prop = []; 
    constructor() {
        // 绑定this到实例
        this.method = this.method.bind(this);
    }
    method() { 
        return this.prop.length; 
    }
}

bind会返回一个新函数，其this固定为传入的实例对象，解构后调用该函数时，this不会丢失，依然指向原实例。

内容的提问来源于stack exchange，提问作者zaitsman