ES6：重新定义导出函数

Question

给定一个导出函数并在其内部逻辑中使用此函数的第 3 方库 - 有没有办法重新定义此函数？ 例如：

third-party.js

export function a() {
 console.log('a');
}

export function b() {
 a();
}

my-module.js

import * as tp from 'third-party';

//Re-define, something like this
Object.defineProperty(tp, 'a', { writable: true, value: () => console.log('c')});

//Call b and get the re-define function called
tp.b(); //Expected output: 'c'

几个亮点：

• 我不需要它用于测试，但用于生产（是的，我知道这将是一个肮脏的 hack）
• 是的，我知道导入是 live read-only views，我正在寻找一种解决方法来克服这个限制
• 不，我不能更改第三方库的代码
• 我需要更改才能真正更改第 3 方的逻辑。我想调用一个调用 a 而不是a 本身的函数。

Answer 1

导出的模块是只读的。所以，你不能这样做。

delete tp.a;
tp.a = () => {
  console.log('c')
}
tp.a() // 'c'
tp.b() // You'll still get 'a'
// it's because, b is calling exported function a

如果您希望 tp.b() 需要覆盖该值，那么您不要导出它们而是调用实例。在您的示例代码中，只导出a 而不是b。但是，由于您试图从第三方库中覆盖它。这是不可能的。

但如果你坚持使用它们，那么你必须重写这两个函数。

const obj = {...tp}
obj.a = () => {
  console.log('c')
}

obj.b() // 'a'

obj.b = () => {
  obj.a()
}

obj.b() // 'c'