查看“Javascript函数的参数和返回值”的源代码
←
Javascript函数的参数和返回值
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==调用带参数的函数== 在调用函数时,您可以向其传递值,这些值被称为参数。 这些参数可以在函数中使用。 您可以发送任意多的参数,由逗号 (,) 分隔: myFunction(argument1,argument2) 当您声明函数时,请把参数作为变量来声明: <nowiki>function myFunction(var1,var2) { 代码 }</nowiki> 变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。 实例 <nowiki><p>点击这个按钮,来调用带参数的函数。</p> <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <script> function myFunction(name,job){ alert("Welcome " + name + ", the " + job); } </script></nowiki> 完整代码: <nowiki><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击这个按钮,来调用带参数的函数。</p> <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <script> function myFunction(name,job){ alert("Welcome " + name + ", the " + job); } </script> </body> </html></nowiki> 上面的函数在按钮被点击时会提示 "Welcome Harry Potter, the Wizard"。 函数很灵活,您可以使用不同的参数来调用该函数,这样就会给出不同的消息: 实例 <nowiki><button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <button onclick="myFunction('Bob','Builder')">点击这里</button></nowiki> 完整代码: <nowiki><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>请点击其中的一个按钮,来调用带参数的函数。</p> <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <button onclick="myFunction('Bob','Builder')">点击这里</button> <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script> </body> </html></nowiki> 根据您点击的不同的按钮,上面的例子会提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。 ==带有返回值的函数== 有时,我们会希望函数将值返回调用它的地方。 通过使用 return 语句就可以实现。 在使用 return 语句时,函数会停止执行,并返回指定的值。 语法 <nowiki>function myFunction() { var x=5; return x; } </nowiki> 上面的函数会返回值 5。 注意: 整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。 函数调用将被返回值取代: var myVar=myFunction(); myVar 变量的值是 5,也就是函数 "myFunction()" 所返回的值。 即使不把它保存为变量,您也可以使用返回值: document.getElementById("demo").innerHTML=myFunction(); "demo" 元素的 innerHTML 将成为 5,也就是函数 "myFunction()" 所返回的值。 您可以使返回值基于传递到函数中的参数: 实例 计算两个数字的乘积,并返回结果: <nowiki>function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3);</nowiki> "demo" 元素的 innerHTML 将是: 12 完整代码: <nowiki><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>本例调用的函数会执行一个计算,然后返回结果:</p> <p id="demo"></p> <script> function myFunction(a,b){ return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3); </script> </body> </html></nowiki> 在您仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的: <nowiki>function myFunction(a,b) { if (a>b) { return; } x=a+b }</nowiki> 如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。
返回至
Javascript函数的参数和返回值
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息