小小千想和您聊一聊

当前位置: 首页> 技术分享> 函数

函数

  在火影的世界中存在忍术,忍术是把强大的能量集中在一起以各种各样不同的形式发射出来。怎样使用各种各样的忍术那?通过结印。

  好,我们提取一些火影忍者中的关键信息。

  1.火影忍者的故事背景有忍术存在,忍术什么样是由忍术先祖发明出来的。

  2.忍术是同过结印触发的。结印几次就触发几次;(查克拉足够的情况下)

  通过这个背景我们想象一下,在JavaScript这个故事中,有一种类似忍术的东西,这种东西叫做函数,忍术先祖可以创造各种各样的忍术,同样我们也可以创造各种各样不同的函数,忍术需要结印才能触发,同样的函数需要调用才能触发。

  函数

  将代码编写在函数中,就可以避免在非必要情况下调用该代码,也就是说我们可以让一段代码在特定情况下再去执行。

  function 关键字:该关键字表示要声明一个函数。

  如何执行函数()

  function m1(){

  //xxxxxxxxxxxxx

  }

  for(var i=0;i<10;i++){

  m1();

  }

  刚才提到,函数的意义就是在特定情况下运行函数,那么什么是特定的情况那?

  JavaScript是事件驱动的语言!

  事件:用户的行为。

  onclick、ondblclick、onfocus、onblur

  例如点击按钮;弹出123;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button type="button"onclick = btn()>弹框</button>
	</body>
	<script type="text/javascript">
		function btn (){
			alert(123);
		}
	</script>
</html>

  函数的参数

  function m1(v1, v2, v3...){

  //xxxxxxxxxxxxx

  }

  return关键字

  带返回值的函数

  案例:

  年月日分别为自定义函数的参数,判断是否为正确的日期

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script>
        function date(year,month,day){
            switch(month){
                case 1:
                case 3:
                case 5:
                case 7:
                case 8:
                case 10:
                case 12:if(day<0||day>31){
                    return '错误的日期';
                }
                break;
                case 2:if(year % 4 == 0 || year% 400 == 0 && year % 100 != 0){
                    if(day>29||day<0){
                        return '错误的日期';
                    }
                }else{
                    if(day>28||day<0){
                        return '错误的日期';
                    }
                }
                break;
                default:if(day>30||day<0){
                    return '错误的日期';
                }
            }
            if(year>2050||year<0){
                return '错误的年份';
            }else if(month>12||month<0){
                return '错误的月份';
            }else{
                return '正确的日期'
            }
        };
        alert(date(2000,2,30))
        </script>
    </head>
    <body>
    </body>
</html>

上一篇:HTML5工具初识之网页编辑器

下一篇:函数作用域及递归

QQ技术交流群

千锋HTML5官方①群
791201477

加入群聊