[JavaScript]-6-js函数
引言
这篇文章介绍JavaScript中的数组。
文章目录
0×1.js函数的声明与调用
有两种声明函数的方式,关键字声明与表达式声明:
<script type="text/javascript"> //关键字声明 function 函数名(){ // 函数体 } </script>
<script type="text/javascript"> //表达式声明 var fn = function() { // 函数体 } </script>
函数是可重复使用的代码段,只有被调用时才能执行。
* 函数的调用:
<script type="text/javascript"> //声明一个能够打印网站URL的函数 function printWebsite() { console.log("qingsword.com"); } //声明一个从1到100求和的函数 function getSum() { var iSum=0; for (var i=1;i<=100;i++) { iSum+=i; } console.log(iSum); } //可以多次反复调用函数 printWebsite(); //qingsword.com printWebsite(); //qingsword.com getSum(); //5050 </script>
* 匿名函数的调用:
<script type="text/javascript"> //可以使用一个变量指向这个函数 var f=function pWeb() { console.log("qingsword.com"); } //然后就可以使用这个变量名称来调用这个函数 f(); //没有名称的函数,也叫匿名函数,用括号括起来,匿名函数如果没有任何变量来表示它,那么就不能直接调用来执行,只可以通过匿名函数的自调用的方式来执行,自调用就是在匿名函数的结尾添加一对括号,然后以分号结尾 (function () { console.log("www.qingsword.com"); })(); </script>
0×2.js将参数传递给函数
在函数中使用参数传递,可以让函数的调用和功能更加的灵活。
<script type="text/javascript"> function printWebsite(wSite) { console.log(wSite); } function getSum(a,b) { var iSum=0; for (a;a<=b;a++) { iSum+=a; } console.log(iSum); } printWebsite("qingsword.com"); //从3加到50 getSum(3,50); //1272 </script>
* 将函数作为值传递
<script type="text/javascript"> function printWebsite(wSite) { console.log(wSite) } function pWeb(fn) { ////调用传入的函数 fn("qingsword.com"); } //将printWebsite函数传递给pWeb函数 pWeb(printWebsite); </script>
0×3.js函数的返回值
可以使用return来返回值, 如果函数没有显示的使用return语句 ,那么函数有默认的返回值:undefined 如果函数使用 return语句,那跟再return后面的值,就成了函数的返回值 如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是undefined 函数使用return语句后,这个函数会在执行完 return 语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行:
<script type="text/javascript"> var webSite=function printWebsite(wSite) { return wSite; } var gSum=function getSum(a,b) { var iSum=0; for (a;a<=b;a++) { iSum+=a; } return iSum; } console.log(webSite("qingsword.com")); console.log(gSum(2,233)); //27260 </script>
* 返回值不仅仅可以是简单的数据,还能是一个函数
<script type="text/javascript"> function gSum(a,b) { return function () { console.log(a+b); } } console.log(typeof(gSum)); //function var x=gSum(1,2); x(); //3 </script>