[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>