這是在課堂上未定義

Question

我有以下課程

class ContractStore {

    clauses = [];

    addClause() {
        this.clauses.push({
            id: uuidv1()
        })
    }

}

export let contractStore = new ContractStore();

然后將其導入為

import { contractStore } from '../store/ContractStore'
...
contractStore.addClause()

而我得到this是undefined的addClause()方法。 我在這里做錯了什么？

Answer 1

您缺少在此處設置上下文的信息。 您可以通過兩種方式來實現。

箭頭功能方式

class ContractStore {

    clauses = [];

    addClause = () => {
        this.clauses.push({
            id: uuidv1()
        })
    }

}

或綁定方式

class ContractStore {
    constructor() {
      this.addClause = this.addClause.bind(this)
    }
    clauses = [];

    addClause() {
        this.clauses.push({
            id: uuidv1()
        })
    }

}

謝謝。 歡迎反饋