我可以在导入后读取箭头功能内的方法

Question

我今天遇到问题，我想知道是否有解决方法我想从另一个组件中读取ModelTodo内部的方法，希望它可以实现，在这里希望您的帮助

const ModelTodo =() => {
 let arrTodo = [];
 const addTodo = (todo) => {
    arrTodo.push(todo);
 };

 const updateTodo = (index, isDone) => {
    arrTodo[index].isDone = isDone;
 };

 const removeCompletedTodo = () => {
    arrTodo = this.arrTodo.filter(function (obj) {
        return !obj.isDone;
    });
  };

 const getCompletedTodo = () => {
    let arrCompletedTodo = this.arrTodo.filter( (obj) => obj.isDone === true);
    return arrCompletedTodo;
 };
 const getTodo = () => {
    return arrTodo;
 };
}

export default ModelTodo;

我这样做import ModelTodo from '../model/modelTodo'，所以有办法

Answer 1

简单方法

const ModelTodo = () => {

  // ...

  return {
    arrTodo,
    addTodo,
    updateTodo,
    removeCompletedTodo,
    getCompletedTodo,
    getTodo
  }
}

const model = ModelTodo()

console.log(model.arrTodo)
// []

model.addTodo('balabala')

console.log(model.arrTodo)
// ["balabala"]