JavaScript 函数

函数是自包含的代码模块,用来实现特定的任务。它接受输入,通过处理产生输出。为了使用函数,在你使用它的域当中,必须定义它。大多数的程序语言 都有预定义的函数集合,形成函数库。我们可以定义自己的函数,已完成特定的任务。Javascript函数被视为第一类对象,因为它们可以像任何其他对象一样进行操作J

Function 声明

函数声明使用关键字function , 然后是函数名称,加参数列表,然后是一对大括号,期间是函数的代码块。函数名称区分大小写,例如 "doThis()" 和 "DoThis()"是不一样的。

function functionName(parameters) {
code to be executed
}

参数是可选项,可以定义不带参数的函数。

调用JavaScript 函数

简单的用函数的名字就可以实现调用Javascript 函数。

<html>
<head>
<script>
function greetings() {
alert("Good Morning");
}
</script>
</head>
<body>
<form>
<input type="button" onclick="greetings()" value="Greetings">
</form>
</body>
</html>

JavaScript 函数参数

JavaScript函数处理用逗号分隔的多个参数。函数内部处理传递的参数,并且可以对参数进行任何操作。

<html>
<head>
<script>
function addVal(val1,val2) {
var sum = val1+val2;
alert("Sum of Values ar : " + sum);
}
</script>
</head>
<body>
<form>
<input type="button" onclick="addVal(10,20)" value="addVal">
</form>
</body>
</html>

JavaScript 函数返回值

Javascript函数能够从函数返回值到调用这个函数的代码。例如,可以在函数中传递两个数值,该函数在调用它的程序中返回它们的总和。

<html>
<head>
<script>
function getGreetings(){
var d = new Date();
var time = d.getHours();
var status ;
if (time < 12){
status = "Good morning!";
}
if (time > 12){
status = "Good afternoon!";
}
if (time == 12){
status = "Go eat lunch!!";
}
return status;
}
function greetings(var1) {
var status = getGreetings();
alert("Hi " + var1 + " " + status);
}
</script>
</head>
<body>
<form>
<input type="button" onclick="greetings('john')" value="Greetings">
</form>
</body>
</html>

函数提升

提升指的是,JavaScript会将全部声明移动到当前域的最前端。声明是被JavaScript解释器移动到当前域最前端,也就是当前函数或脚本的最前端。JavaScript函数可以在它被声明之前执行。这是因为JavaScript 引擎 会将函数定义隐性移动到前端,使得整个程序都可以调用。

<script>
callMe();
function callMe(){
alert("Called !! ");
}
</script>

上面的例子,在其他代码运行之前函数callMe()被解析和执行。

原文链接