javascript practice (2) - Function

table of Contents

1. Function Classification

2. Return Values

3. Scope

4. recursive

The event-driven functions


1. Function Classification

1. No function reference function name () {

Function body

}

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

2. Reference function

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

  print(5);

2. Built-in functions: alert () ······

3. custom function: function named identifier

4.arguments array

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

2. Return Values

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

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

3. Scope

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

4. recursive

  • Interview be used, but the work is generally prohibited, such as sum (100) = sum (99) +100;

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

The event-driven functions

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

 

Guess you like

Origin blog.csdn.net/qq_34243694/article/details/92835172