位置：首页>> 网络编程>> JavaScript>> Mootools 1.2教程(4)——函数

Mootools 1.2教程(4)——函数

作者：Fdream　来源：Fdream博客　发布时间：2008-11-18 15:36:00　

标签：mootools,函数,教程,javascript

函数和MooTools 1.2

今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲，请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools，而是讲一讲JavaScript中的函数（function）的基本知识。

但是，为了符合MooTools这个主题，你需要知道在哪里该使用MooTools的函数。此前，我们已经在我们的所有示例代码中，把代码都放在domready方法中。当我们需要把它放在domready的外面时，我们使用了函数（function）。在你在domready里面调用函数之前，函数并不会被执行。

一般来说，一种比较好的方式是尽可能地把你的函数代码都放在页面之外的某一个地方，然后通过JavaScript应用来调用它们。当你只是写代码玩玩，可能把所有的东西写在一个页面上更容易一些。在这个教程中，我们使用下面的约定：

参考代码：

window.addEvent('domready', function() {
    /*
     * 函数调用写在这里
     */
});
</script>

所有的例子都遵循这个格式，当页面载入的时候（load）执行函数代码。在每个函数的下面，都有一个相应的按钮，你可以点击它们，然后看到结果。这是通过使用MooTools的事件处理来完成的，明天我们将会讲到这个。

在JavaScript中，有几种方式来定义函数，由于我们的主题是讲解MooTools，因此我们将选择MooTools的首选方式。下面的示例是一个函数定义的开始。我们什么了一个变量，并命名为simple_function，并吧这个变量定义为一个函数：

参考代码：

var simple_function = function(){

然后我们给这个函数增加了一个alert语句，当函数被调用的时候就会执行：

参考代码：

alert('This is a simple function');

最后，我们以一个花括号结束这个函数的定义：

参考代码：

}

这个关闭花括号看起来是一件非常简单的事情，但是很多时候要追踪这个问题却是一件很痛苦的事情。因此，适度地强迫对函数定义的关闭符号进行检查是个不错的主意。

在下面的例子中，我们把它们组合起来了。在声明这个函数之后，我们在页面加载后的domready事件里面添加了对这个函数的调用。可以点击例子下面的按钮查看调用函数simple_function();后的结果。

参考代码：

投稿