我们可以在另一个JS文件中调用写在一个JS文件中的函数吗?有人能帮助我如何从另一个JS文件调用函数吗?


当前回答

上面的答案有一个错误的假设,即文件的包含顺序很重要。因为在alertOne函数被调用之前,alertNumber函数不会被调用。只要两个文件都包含在时间alertOne中,那么文件的顺序并不重要:

[HTML]

<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript">
    alertOne( );
</script>

[JS]

// File1.js
function alertNumber( n ) {
    alert( n );
};
// File2.js
function alertOne( ) {
    alertNumber( "one" );
};
// Inline
alertOne( ); // No errors

也可以按如下顺序排列:

[HTML]

<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript">
    alertOne( );
</script>

[JS]

// File2.js
function alertOne( ) {
    alertNumber( "one" );
};
// File1.js
function alertNumber( n ) {
    alert( n );
};
// Inline
alertOne( ); // No errors

但如果你这样做:

[HTML]

<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript">
    alertOne( );
</script>
<script type="text/javascript" src="file1.js"></script>

[JS]

// File2.js
function alertOne( ) {
    alertNumber( "one" );
};
// Inline
alertOne( ); // Error: alertNumber is not defined
// File1.js
function alertNumber( n ) {
    alert( n );
};

它只与变量和函数在执行时可用有关。定义函数后,它不会执行或解析其中声明的任何变量,直到随后调用该函数。

包含不同的脚本文件与脚本在同一文件中的顺序没有区别,除了延迟脚本:

<script type="text/javascript" src="myscript.js" defer="defer"></script>

那你得小心点。

其他回答

只要两者都被网页引用,是的。

你只需调用这些函数,就好像它们在同一个JS文件中一样。

是的,你可以。你需要将这两个JS文件引用到.aspx页面

<script language="javascript" type="text/javascript" src="JScript1.js">
 </script>

    <script language="javascript" type="text/javascript" src="JScript2.js">
    </script>

JScript1.js

function ani1() {
    alert("1");
    ani2();
}

JScript2.js

function ani2() {
    alert("2");
}

我想到了另一个好办法。 窗口(“functioName”)(params);

对于那些想在Node.js(在服务器端运行脚本)中执行此操作的人来说,另一种选择是使用require和module.exports。下面是一个关于如何创建一个模块并将其导出以供在其他地方使用的简短示例:

file1.js

const print = (string) => {
    console.log(string);
};

exports.print = print;

file2.js

const file1 = require('./file1');

function printOne() {
    file1.print("one");
};

如果包含所有文件,你可以从一个文件调用属性到另一个文件(如函数、变量、对象等)。

在一个.js文件中编写的js函数和变量- a.js将对其他js文件可用——b.js为 只要a.js和b.js都包含在文件中 使用以下包含机制(如果b.js中的函数调用a.js中的函数,则顺序相同)。

<script language="javascript" src="a.js"> and 
<script language="javascript" src="b.js">