从另一个 JavaScript 文件调用 JavaScript 函数

Question

<html>
<head>
    <script src="./first.js"></script>
    <script src="./second.js"></script>
</head>
</html>

在first.js文件中，我想从second.js调用函数：

secondFun(); // calling a function from second.js file

这是 second.js 文件：

function secondFun() {
    console.log('second function called!!')
}

Answer 1

ECMAScript 6 (ES6) 规范import/export中引入的使用。

第二个.js

export function secondFun() {
    console.log('second function called!!')
}

首先.js

import { secondFun } from 'second.js';

然后调用secondFun()第一个文件。

Answer 2

tl;dr：在依赖它们之前加载依赖项。

您不能调用尚未加载的函数。

在第一个文件运行完所有顶级语句之前，不会加载在第二个 JS 文件中定义的函数。

颠倒脚本元素的顺序。

Answer 3

除非在同一文件中定义该函数，或者在尝试调用该函数之前加载该函数，否则无法调用该函数。

除非函数处于与尝试调用它的函数相同或更大的范围内，否则无法调用该函数。

您在first.js中声明函数fn1，然后在第二个中您可以只使用fn1();

1.js：

function fn1 (){
    console.log('second function called!!')
}

2.js：

fn1();

索引.html：

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>

效果很好:)