Uncaught TypeError：未定義のプロパティ 'todoText'を設定できません

Question

Javascriptのオブジェクトと関数を操作します。それに直面する問題。

var todoList = { 
     todo:[], 
     displayTodo:function(){ 
     console.log('My Todo:',this.todo); 
     }, 
     addTodo:function(todoText){ 
     this.todo.push({ 
      todoText:todoText, 
      complete:false 
     }); 
     this.displayTodo(); 
     }, 
     changeTodo:function(posi,newTodo){ 
     //this.todo[posi] = newTodo; 
     this.todo[posi].todoText=newTodo; 
     this.displayTodo(); 
     }, 
     toggleComplte:function(posi){ 
     var todo = this.todo[posi]; 
     todo.complete = !todo.complete; 
     this.displayTodo(); 
     } 
    } 

    todoList.addTodo('Item1'); 
    todoList.toggleComplte(0); 

エラー実行中にエラーが発生しました。

VM1196:16 Uncaught TypeError: Cannot set property 'todoText' of undefined 
    at Object.changeTodo (<anonymous>:16:29) 
    at <anonymous>:21:10 

エラーとは何ですか？あなたの現在と

Answer 1

は、あなたのコードが正常に動作している変更し、私は

var todoList = { 
 
     todo:[], 
 
     displayTodo:function(){ 
 
     console.log('My Todo:',this.todo); 
 
     }, 
 
     addTodo:function(todoText){ 
 
     this.todo.push({ 
 
      todoText:todoText, 
 
      complete:false 
 
     }); 
 
     this.displayTodo(); 
 
     }, 
 
     changeTodo:function(posi,newTodo){ 
 
     //this.todo[posi] = newTodo; 
 
     this.todo[posi].todoText=newTodo; 
 
     this.displayTodo(); 
 
     }, 
 
     toggleComplte:function(posi){ 
 
     var todo = this.todo[posi]; 
 
     todo.complete = !todo.complete; 
 
     this.displayTodo(); 
 
     } 
 
    } 
 

 
    todoList.addTodo('Item1'); 
 
    todoList.toggleComplte(0);