JavaScript 輔助函數互相調用

Question

我有一組輔助函數，如下所示：

var myHelpers = {

    addFoo: ( name ) => {
        return name + 'foo';
    },

    addFooBar: ( name ) => {
        return this.addFoo( name ) + 'bar'; // This is what throws the error.
    }

}

window.myHelpers = myHelpers;
export default myHelpers;

然后我像這樣使用它：

import myHelpers from "./myHelpers";

let test = 'abc';
test = myHelpers.addFooBar( test );

但這會引發錯誤： Uncaught TypeError: Cannot read properties of undefined的類型錯誤： Uncaught TypeError: Cannot read properties of undefined

...如何使這些函數相互調用，而不會出現此錯誤？

Answer 1

使用myHelpers而不是this

addFooBar: name => {
  return myHelpers.addFoo(name) + 'bar'
},