从另一个javascript文件调用javascript函数_Javascript_Html_Function_Console.log

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

javascript html function

从另一个javascript文件调用javascript函数,javascript,html,function,console.log,Javascript,Html,Function,Console.log,这是第二个.js文件 secondFun(); //calling function from second.js file tl；dr：在依赖依赖依赖项之前加载依赖项不能调用尚未加载的函数在第一个文件运行完所有顶级语句之前，不会加载第二个JS文件中定义的函数颠倒脚本元素的顺序。tl；dr：在依赖依赖依赖项之前加载依赖项不能调用尚未加载的函数在第一个文件运行完所有顶级语句之前，不会加载第二个JS文件中定义的函数颠倒脚本元素的顺序。函数不能被调用，除非它是在同一个文件中定义的，或

这是第二个.js文件

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

tl；dr：在依赖依赖依赖项之前加载依赖项

不能调用尚未加载的函数

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

颠倒脚本元素的顺序。

tl；dr：在依赖依赖依赖项之前加载依赖项

不能调用尚未加载的函数

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

颠倒脚本元素的顺序。

函数不能被调用，除非它是在同一个文件中定义的，或者是在尝试调用它之前加载的文件中定义的

函数不能被调用，除非它与试图调用它的函数在相同或更大的范围内

首先在first.js中声明函数fn1，然后在第二个中就可以得到fn1（）

1.js：

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

2.js：

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

index.html：

fn1();

它工作正常：）

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

函数不能被调用，除非它与试图调用它的函数在相同或更大的范围内

首先在first.js中声明函数fn1，然后在第二个中就可以得到fn1（）

1.js：

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

2.js：

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

index.html：

fn1();

它工作正常：）

在ES6中使用

import/export

second.js

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

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

first.js

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

然后在第一个文件中调用

secondFun

。

在ES6中使用

import/export

second.js

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

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

first.js

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

然后在第一个文件中调用

secondFun

。second.js中的

import { secondFun } from 'second.js';
没有测试，但假设可以工作

即使您的js not right queue函数命令此函数也将等待所有加载的文件在second.js中执行

import { secondFun } from 'second.js';
没有测试，但假设可以工作

即使您的js not right queue函数命令此函数也将等待所有加载的文件执行
您尝试访问一个我在那里还不可用的函数。所以，在这种情况下不能使用。但你能做的是：

颠倒顺序

对脚本文件使用
defer
属性
1. 在使用函数之前，必须先加载函数。因此，颠倒脚本的顺序
2.
defer
属性是很少使用的属性之一。正如您可能从属性的名称可以看出的那样，defer指示脚本标记的内容在页面加载之前不执行

您正在尝试访问一个我在那里还不可用的函数。所以，在这种情况下不能使用。但你能做的是：

颠倒顺序

对脚本文件使用
defer
属性
1. 在使用函数之前，必须先加载函数。因此，颠倒脚本的顺序
2.
defer
属性是很少使用的属性之一。正如您可能从属性的名称可以看出的那样，defer指示脚本标记的内容在页面加载之前不执行

只需颠倒包含脚本的顺序即可。这将解决您的问题。可能的副本只需颠倒所包含脚本的顺序即可。这将解决您的问题。它可能重复显示“未捕获的语法错误：意外标识符”它显示“未捕获的语法错误：意外标识符”