blocks|key|918226|text|只要两者都被网页引用，就可以。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|918227|您只需调用这些函数，就好像它们在同一个JS文件中一样。|918228|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>As long as both are referenced by the web page, yes.</p>

<p>You simply call the functions as if they are in the same JS file.</p>


blocks|key|1132973|text|上面的答案有一个错误的假设，即文件的包含顺序很重要。因为直到调用alertOne函数时才调用alertNumber函数。只要这两个文件都包含在称为alertOne的时间段中，那么文件的顺序并不重要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1132974|HTML|1132975|<script+type="text/javascript"+src="file1.js"></script>
<script+type="text/javascript"+src="file2.js"></script>
<script+type="text/javascript">
++++alertOne(+);
</script>|code-block|syntax|javascript|1132976|JS|1132977|//+File1.js
function+alertNumber(+n+)+{
++++alert(+n+);
};
//+File2.js
function+alertOne(+)+{
++++alertNumber(+"one"+);
};
//+Inline
alertOne(+);+//+No+errors|1132978|或者可以按如下方式订购：|1132979|1132980|<script+type="text/javascript"+src="file2.js"></script>
<script+type="text/javascript"+src="file1.js"></script>
<script+type="text/javascript">
++++alertOne(+);
</script>|1132981|1132982|//+File2.js
function+alertOne(+)+{
++++alertNumber(+"one"+);
};
//+File1.js
function+alertNumber(+n+)+{
++++alert(+n+);
};
//+Inline
alertOne(+);+//+No+errors|1132983|但是如果你要这样做：|1132984|1132985|<script+type="text/javascript"+src="file2.js"></script>
<script+type="text/javascript">
++++alertOne(+);
</script>
<script+type="text/javascript"+src="file1.js"></script>|1132986|1132987|//+File2.js
function+alertOne(+)+{
++++alertNumber(+"one"+);
};
//+Inline
alertOne(+);+//+Error:+alertNumber+is+not+defined
//+File1.js
function+alertNumber(+n+)+{
++++alert(+n+);
};|1132988|它只关心变量和函数在执行时是否可用。当定义一个函数时，它不会执行或解析其中声明的任何变量，直到随后调用该函数。|1132989|包含不同的脚本文件与脚本在同一文件中的顺序没有什么不同，但延迟脚本除外：|1132990|<script+type="text/javascript"+src="myscript.js"+defer="defer"></script>|1132991|那你就得小心了。|1132992|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|C|5|6|7|1I|8|@]|9|@]|A|$]]|$1|P|3|Q|5|F|7|1J|8|@]|9|@]|A|$G|H]]|$1|R|3|J|5|6|7|1K|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1L|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1M|8|@]|9|@]|A|$]]|$1|W|3|C|5|6|7|1N|8|@]|9|@]|A|$]]|$1|X|3|Y|5|F|7|1O|8|@]|9|@]|A|$G|H]]|$1|Z|3|J|5|6|7|1P|8|@]|9|@]|A|$]]|$1|10|3|11|5|F|7|1Q|8|@]|9|@]|A|$G|H]]|$1|12|3|13|5|6|7|1R|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|1S|8|@]|9|@]|A|$]]|$1|16|3|17|5|F|7|1T|8|@]|9|@]|A|$G|H]]|$1|18|3|19|5|6|7|1U|8|@]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|1B|$]]

<p>The answer above has an incorrect assumption that the order of inclusion of the files matter. As the alertNumber function is not called until the alertOne function is called. As long as both files are included by time alertOne is called the order of the files does not matter:</p>

<p>[HTML]</p>

<pre><code>&lt;script type="text/javascript" src="file1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="file2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    alertOne( );
&lt;/script&gt;
</code></pre>

<p>[JS]</p>

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

<p>Or it can be ordered like the following: </p>

<p>[HTML]</p>

<pre><code>&lt;script type="text/javascript" src="file2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="file1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    alertOne( );
&lt;/script&gt;
</code></pre>

<p>[JS]</p>

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

<p>But if you were to do this: </p>

<p>[HTML]</p>

<pre><code>&lt;script type="text/javascript" src="file2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    alertOne( );
&lt;/script&gt;
&lt;script type="text/javascript" src="file1.js"&gt;&lt;/script&gt;
</code></pre>

<p>[JS]</p>

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

<p>It only matters about the variables and functions being available at the time of execution. When a function is defined it does not execute or resolve any of the variables declared within until that function is then subsequently called. </p>

<p>Inclusion of different script files is no different from the script being in that order within the same file, with the exception of deferred scripts:</p>

<pre><code>&lt;script type="text/javascript" src="myscript.js" defer="defer"&gt;&lt;/script&gt;
</code></pre>

<p>then you need to be careful.</p>


blocks|key|918344|text|对于那些想要在Node.js中执行此操作(在服务器端运行脚本)的人来说，另一个选择是使用require和module.exports。下面是一个关于如何创建模块并将其导出以供其他地方使用的简短示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|918345|file1.js|918346|const+print+=+(string)+=>+{
++++console.log(string);
};

exports.print+=+print;|code-block|syntax|javascript|918347|file2.js|918348|const+file1+=+require('./file1');

function+printOne()+{
++++file1.print("one");
};|918349|entityMap|0|LINK|mutability|MUTABLE|url|https://nodejs.org/^0|18|7|1G|E|7|7|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|18|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|19|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

<p>For those who want to do this in <a href="https://nodejs.org/" rel="nofollow noreferrer">Node.js</a> (running scripts on the server-side) another option is to use <code>require</code> and <code>module.exports</code>. Here is a short example on how to create a module and export it for use elsewhere:</p>

<p>file1.js</p>

<pre><code>const print = (string) =&gt; {
    console.log(string);
};

exports.print = print;
</code></pre>

<p>file2.js</p>

<pre><code>const file1 = require('./file1');

function printOne() {
    file1.print("one");
};
</code></pre>


<p>Can we call the function written in one JS file in another JS file? Can anyone help me how to call the function from another JS file? </p>


Can we call the function written in one JavaScript in another JS file?

服务器

我们可以在一个JS文件中调用另一个JS文件中编写的函数吗？有没有人可以教我如何从另一个JS文件中调用函数？

问我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗？
EN