調用對象文字函數與此返回TypeError

Question

我有一個範圍界定問題。我有一個簡單的對象文字函數，有很多方法。我想打電話給

var myObjectFunc = function() { 

return { 
    method1: function() { 
     // call method4 here and pass value 
    }, 
    method2: function() { 

    }, 
    method3: function() { 

    }, 
    method4: function() { 

    } 
} 
} 

我試圖與 '本' 無數的方式方法4（），從方法1（）：

嘗試之一：

var myObjectFunc = function() { 

var that = this; 

return { 
    method1: function() { 
     // call method4 here and pass value 
     var myName = 'Peter'; 
     that.method4(myName); 
    }, 
    method2: function() { 

    }, 
    method3: function() { 

    }, 
    method4: function(val) { 
     console.log(val); 
    } 
} 
} 

嘗試二：

var myObjectFunc = function() { 

return { 
    method1: function() { 
     // call method4 here and pass value 
     var myName = 'Peter'; 
     this.method4(myName); 
    }, 
    method2: function() { 

    }, 
    method3: function() { 

    }, 
    method4: function(val) { 
     console.log(val); 
    } 
} 
} 

兩者都返回錯誤：

TypeError: that.method4 is not a function 

Answer 1

試試這個：

var myObjectFunc = function() { 

    var ret = { 
     method1: function() { 
      // call method4 here and pass value 
      var myName = 'Peter'; 
      ret.method4(myName); 
     }, 
     method2: function() { 

     }, 
     method3: function() { 

     }, 
     method4: function(val) { 
      console.log(val); 
     } 
    } 

    return ret; 
} 

Answer 2

試試這個：

const myObjectFunc =() => ({ 
    method1() { 
    // call method4 here and pass value 
    const myName = 'Peter' 
    this.method4(myName) 
    }, 
    method2() { 

    }, 
    method3() { 

    }, 
    method4(val) { 
    console.log(val) 
    } 
}) 

然後：

myObjectFunc().method1() 

日誌'Peter'。