我们可以在特定的 function 中加载外部 Javascript

Question

我很想知道是否可以将一些外部 javascript 代码从 url 加载到一些 function。 假设我们有一个像这样的 function，

function example(){
var x = 10;
alert(x);
console.log(x);
};

在上面的 function 中，我想从一些外部脚本中调用“console.log(x)”。 那么我应该为此写什么（我知道我写的方式不起作用，但它只是为了理解），

function example(){
var x = 10;
alert(x);
<script src="https://example.com/console.js"></script>
};

其中“ https://example.com/console.js ” url 包含外部 javascript 代码“console.log(x);” 我给出的这个例子很容易理解。 My function is very complex and I am just wondering if I can call small codes insides my big overall function from external javascript from url. 因为如果我们能做到，那么更新大型函数将非常容易，因为我们只需要更新 cdn url 中的特定部分。

Answer 1

如果你的环境支持 ES6 模块，

function example () {
   import(‘console.js’).then((module)) => {
         # use you module here
   });
 };

但是，它限制在浏览器中的同一来源，因此 console.js 和包含 example() 的 JavaScript 文件需要位于同一 url 上。