JavaScript 函数（function）


什么是函数？

函数是一组可重复使用的代码块，在 JavaScript 中，函数由事件驱动或者被其他代码调用。


函数是 JavaScript 语言的核心之一，其基本语法如下：

function functionName(arg0, arg1, ...) {
    statements
}

语法解读

使用 function 关键字定义一个函数
function 关键字空格之后紧跟函数名
函数名字后面是一对小括弧，arg0, arg1 表示函数的参数，参数之间以 , 号分隔，参数个数可以为 0-25 个（0即表示无参数）。在没有参数时，() 括号不可省略，超过25个的参数，将被JavaScript忽略
{} 是函数体，里面是该函数要实现的功能语句

JavaScript 函数实例
<html>
<head>
<script type="text/javascript">

function hello(name){
    document.write((name + "，你好！");
}

</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>


运行该例子，点击页面上的 确定 按钮，输出：

小明，你好！

事件驱动

与前面学习的弹出《JavaScript alert 消息警告框》实例不同，该例子要弹出信息提示框，需要我们点击 确定 按钮才能实现。


实际上这个例子就是典型的事件驱动，即由用户的鼠标点击事件（以及其他更多事件），来调用 hello() 函数，以执行函数内的代码。实际上大部分情况下，我们的 JavaScript 代码都是由用户事件来驱动的。


关于事件驱动更多信息及细节，请参看《JavaScript 事件》章节。

JavaScript 函数命名

通常，我们推荐函数的名字使用小驼峰命名法，并以函数名能大致描述该函数功能或特性为宜。小驼峰法是指，首字符小写，后面其他单词的首字母大写，下面是一些函数命名例子：

function changeName(){
    ...
}
function getAgeByInput(){
    ...
}


也有不少人使用下划线来分割函数名中的单词，如 change_name，这也是可以的，实际执行可依照具体项目规范。


特别地，函数前加 _ 符号（如 _getName），一般约定俗成表示类（对象）的私有方法。

JavaScript 函数内的变量

如果一个变量在函数体内被声明，则只能在该函数中访问该变量。这样，您可以在不同的函数内使用名称相同的变量。


如果在函数之外声明了一个变量，则 Web 页面上的所有函数都可以访问该变量。

参考阅读

JavaScript 变量
PHP 函数