时间戳

首页 > 解决方案 > 我们可以在特定函数中加载外部 Javascript

javascript - 我们可以在特定函数中加载外部 Javascript

问题描述

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

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

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

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

其中“ https://example.com/console.js”url包含“console.log(x);”的外部javascript代码 我给出的这个例子很容易理解。我的函数非常复杂，我只是想知道是否可以从 url 的外部 javascript 调用我的大整体函数内部的小代码。因为如果我们能做到，那么更新大型函数将非常容易，因为我们只需要更新 cdn url 中的特定部分。

标签： javascriptjquery

解决方案

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

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

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

推荐阅读