关于函数的 Javascript 问题

Question

在我的主网页（Viewer.aspx）中，我有一个像这样的 javascript 脚本标签

<script language="javascript" type="text/javascript">

function initialize() {
     var map = $find('Map1');           
     map.add_mouseMove(mouseMove);  

 }

</script>

在这些脚本标签中，我有一个函数。是否可以像这样调用位于不同脚本标签中的另一个函数？

<script language="javascript" type="text/javascript" src="Resources/JavaScript/proj4js-combined.js">

function mouseMove(sender,eventArgs) {
     var source = new Proj4js.Proj('EPSG:3116');
        var dest = new Proj4js.Proj('WGS84');

        var p = new Proj4js.Point(px, py);
        Proj4js.transform(source, dest, p);    
 }

</script>

Answer 1

是的，这是很常见的，因为 Javascript 函数可以放入其他文件并拉入以这种方式工作的页面。

Answer 2

您的第二个脚本标签指定了src。 .js 文件的内容将被加载和解析，但脚本标签内的代码（mouseMove 函数）将被忽略。如果你想要.js文件的功能和内容，你需要将它们分成两个不同的脚本标签。

Answer 3

根据您的评论，这是 T.J.正在谈论 - 你需要把你的第二个脚本块变成这样的东西：

<script type="application/javascript" src="Resources/JavaScript/proj4js-combined.js"></script>
<script type="application/javascript">

function mouseMove(sender,eventArgs) {
     var source = new Proj4js.Proj('EPSG:3116');
        var dest = new Proj4js.Proj('WGS84');

        var p = new Proj4js.Point(px, py);
        Proj4js.transform(source, dest, p);    
 }

</script>

...但是您实际上应该将内联代码块（我的答案中第二个 <script> 标记内的内容）移动到外部 Javascript 文件中。

---

编辑 1：您的编程背景是什么？如果它是 C# 或 Java 之类的东西，您将需要忘记您对这些的了解并以完全不同的方式处理 Javascript。 Javascript 是一种解释语言，而不是编译语言；除此之外，这意味着函数声明的顺序很重要。

当我说“函数声明”时，我指的是任何看起来像这样的东西：

function myNewFunction()
{
   // anything else here
}

这告诉 Javascript 解释器有一个新函数，称为 myNewFunction，它的主体由大括号中的任何内容组成。

这是我所说的一个例子，当我说你在声明一个函数之前就使用它。考虑以下代码块（与任何其他 Javascript 隔离，例如在外部 Javascript 文件中）：

function foo() // this line declares the function called "foo"
{

}

function bar() // this line declares the function called "bar"
{
    foo(); // this line invokes the previously declared function called "foo"
}

这将按预期工作，因为foo() 在您调用它之前已声明。但是，您尝试做的（听起来）与此类似：

function foo() // this line declares the function called "foo"
{
    bar(); // this line tries to invoke the function called "bar"
           // but it hasn't been declared yet! so it's undefined
}

function bar() // this line declares the function called "bar"
{

}

如果你要运行第二个 Javascript sn-p，它不会工作，因为你在声明之前调用了一个函数。*

*脚注：实际情况并非如此，因为使用这种语法 (function foo() { ... }) 在 Javascript 中做了一些特别而神奇的事情。我的特定示例实际上会起作用，但它说明了您遇到的问题。