JavaScript函数

最新推荐文章于 2024-10-02 05:39:15 发布

冷心1

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量123

点赞数

文章标签： js javascript python php java

本文链接：https://blog.csdn.net/weixin_44560792/article/details/105757004

版权

JavaScript函数

作者：欧日鑫 
撰写时间：2020年4月25日
简介
编辑
将脚本编写为函数，就可以避免页面载入时执行该脚本。 函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。 
　　你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的 .js 文件，那么甚至可以从其他的页面中调用）。函数在页面起始位置定义，即 <head> 部分。 
　　<html> 
　　<head> 
　　<script type="text/javascript"> 
　　function displaymessage() { 
　　alert("Hello World!") 
　　} 
　　</script> 
　　</head> 
　　<body> 
　　<form> 
　　<input type="button" value="Click me!" οnclick="displaymessage()"> 
　　</form> 
　　</body> 
　　</html> 
　　假如上面的例子中的 alert("Hello world!!") 没有被写入函数，那么当页面被载入时它就会执行。当用户击中按钮时，脚本才会执行。我们给按钮添加了 onClick 事件，这样按钮被点击时函数才会执行。 
2
创建函数的语法
编辑
　　function函数名 (var1, var2, ..., varX) {代码．．． } 
　　function函数名 (var1, var2, ..., varX) {代码．．． } 
　　var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。 
　　注意：无参数的函数必须在其函数名后加括号： 
　　function函数名 ()　{　代码．．．　} 
　　function函数名 ()　{　代码．．．　} 
　　注意：别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。 
3
return 语句
编辑
　　return 语句用来规定从函数返回的值。 
　　因此，需要返回某个值的函数必须使用这个 return 语句。 
　　例子 
　　下面的函数会返回两个数相乘的值（a 和 b）： 
　　function prod(a, b) { x = a * breturn x } 
　　function prod(a, b) { x = a * breturn x } 
　　当您调用上面这个函数时，必须传入两个参数： 
　　product = prod(2, 3) 
　　product = prod(2, 3) 
　　而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。 
4
变量的生存期
编辑
　　当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。 
如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束