将每个子函数的上下文绑定到父函数

如何解决将每个子函数的上下文绑定到父函数

假设我有一个父函数调用这样的子函数：

function parentFn() {
   API.greet();
}
parentFn.name = 'john';

const API = {
   greet: function() {
       console.log(`Hi there ${parentFunc.name}`); // prints out 'Hi there undefined'
   }
};

parentFn()

有没有办法在不向内部函数添加参数的情况下获取API内部父函数的属性？

解决方法

有两种情况：

• 每个“子”函数只能有一个“父”。如果是这样，只需直接引用该特定父级：parentFn.name。
• 每个“子”函数都可以被多个其他函数调用。在这种情况下，您需要动态值的参数。

请注意，如果您不想声明显式参数，则可以使用每个 this 和方法都具有的隐式参数 function。它通常指向 API 调用中的 API.greet() 对象，但您可以像 API.greet.call(parentFn) 一样更改它（尽管这有点奇怪）。