javascript练习(2)——函数

目录

1.函数分类

2.返回值

3.作用域

4.递归

5.事件驱动函数


1.函数分类

1.无参 function 函数名(){

函数体

}

 function print(){
          for(var i=0;i<10;i++){
              document.write("hello world! <br/>");
          }
 }

2.有参函数

 function print(n){
          for(var i=0;i<n;i++){
              document.write("hello world! <br/>");
          }
  }

  print(5);

2.内置函数:alert()······

3.自定义函数:函数名为标识符

4.arguments数组

function sum(){
    for(var i=0;i<arguments.length;i++){
        sum += arguments[i];
    }
    alert(sum);
}
sum(3,4,5,6);

2.返回值

function add(num1,num2){
         
         return num1+num2;
      }

    var result=add(3,4);
    alert(result);

3.作用域

var a=10;
function sum(){
    var a=5;
    alert(a);
 }
 alert(a);//10
 sum();//5
 alert(a);//10

4.递归

  • 面试会用,但是工作一般禁止,如sum(100)=sum(99)+100;

function sum(n){
     if(n==1){
         return 1;
      }
      return sum(n-1)+n;
}
alert(sum(100));

5.事件驱动函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript">
        window.onload=function(){//页面加载完毕才执行
            var oBtn=document.getElementById("btn");
            oBtn.onclick=function(){
                alert(oBtn);
            }
      
       }  
   </script>
</head>
<body>
    <input type="button" value="按钮" id="btn" >
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_34243694/article/details/92835172