函数是被事件驱动的,或者当它们被调用时执行的可重复使用的代码块。
示例
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script> 5 function myFunction() 6 { 7 alert("Hello World!"); 8 } 9 </script> 10 </head> 11 12 <body> 13 <button onclick="myFunction()">Try it</button> 14 </body> 15 </html>
JavaScript函数语法
函数就是包含在花括号中的代码块,使用关键字funtion进行声明
function functionname() { 执行代码 }
当函数被调用时,执行函数体内的代码。
或者可以由事件触发(例如用户点击按钮),并且可以由JavaScript在任何位置进行调用。
调用带参数的函数
调用函数时,可以向其传递参数,参数可以在函数体内被调用,参数个数可以是任意个,中间使用逗号隔开。
声明函数时,把参数作为变量来声明:
function myFunction(var1,var2) { 代码 }
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
带有返回值的函数
有时我们希望函数能返回值给调用它的地方,通过使用return语句就可以实现,return语句会返回一个值,同时让函数结束。
function myFunction() { var x=5; return x; }
上面的函数会返回值5。
示例:
function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3);
"demo" 元素的 innerHTML 将是:12
仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:
function myFunction(a,b) { if (a>b) { return; } x=a+b }
如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。
局部JavaScript变量
在函数中声明的变量,其作用域是局部的,只有在该函数中可以使用。
不同函数可以声明相同变量名的局部变量,因为只有声明过该变量的函数才能识别出该变量。
在函数结束时,局部变量会被删除。
全局 JavaScript 变量
在函数外部声明的变量是全局变量,在网页上的所有脚本和函数都可以访问它。
JavaScript 变量的生存期
JavaScript变量的生命周期从它们被声明的时候开始,局部变量在函数结束执行之后被删除,全局变量在页面被关闭时被删除。
向未声明的 JavaScript 变量分配值
如果把值赋给尚未声明的变量,该变量将自动作为全局变量声明,即使它是在函数中被赋值的。
示例:
carname="Volvo";
将声明一个全局变量carname。