在我的react应用程序中,我想在两个具有不同设置的组件中使用一个库(money.js)。
这个库:
http://openexchangerates.github.io/money.js/
http://openexchangerates.github.io/money.js/money.js
我检查了javascript是否使用了引用,所以这两个组件实际上引用的是同一个东西。
Does import create a new copy of imported library?
ES6 variable import by reference or copy
有没有可能在不更改源代码的情况下(理想情况下),我可以执行如下操作
// a.js
import fx from 'money'
fx.rates={USD:1, EUR: 2.001}
// b.js
import fx from 'money'
fx.rates={USD:1, EUR: 2.002}
在我的情况下,我注意到改变b.js中的速率也会影响a.js。
发布于 2018-06-27 08:25:12
不,没有通用的通用方法来克隆模块或加载模块的单独副本。您也许能够做到这一点,但这将取决于模块的具体编码方式。
不幸的是,您正在使用的库没有实例的概念,而不是使库中的所有内容都是全局的。您可以考虑将该概念添加到库中,并向原始repo发送一个pull请求(如果他们拒绝,您可以随时创建一个fork)。
发布于 2018-06-27 08:28:17
您可以在每个文件中克隆rates对象:-
var localRatesVariable = Object.assign({}, fx.rates);
发布于 2018-06-27 13:15:33
模块只计算一次,这是它们的主要属性之一。可以在一些支持模块环境(Node.js)中重新评估模块,但不能在客户端应用程序中重新评估模块。
在本例中,库是hard-coded to use fx.rates
object。即使它被复制,它也会继续使用它。
正确的方法是修改库源代码以支持多个实例。
另一种方法是创建一个包装器,使库按照预期的方式运行。考虑到它是使用fx.rates
的convert
方法,并且它是同步的,可以在调用期间对其进行修补以交换rates
属性:
import fx from 'money'
export default function fxFactory(rates) {
return Object.assign({}, fx, {
convert(...args) {
let convertResult;
const ratesOriginal = fx.rates;
try {
fx.rates = rates;
convertResult = fx.convert(...args);
} finally {
fx.rates = ratesOriginal;
}
return convertResult;
}
});
}
// a.js
import fxFactory from './fx'
const rates={USD:1, EUR: 2.001};
const fx1 = fxFactory(rates);
https://stackoverflow.com/questions/51057918
复制