JavaScript学习笔记(函数、参数、全局变量)

Javascript学习笔记#5(函数等内容)


  1. 函数的概念
    函数就是重复执行的代码片。 或者说函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

  2. JavaScript 中的函数语法结构
    使用关键字 function 定义一个函数

    Function 函数的名称()
    {
    函数的主体
    }

    //(e.g.)
    <!DOCTYPE html> 
    <html> 
    <head> 
    <script> function myFunction() 
    { alert("Hello World!"); } 
    </script> 
    </head> 
    <body> 
    <button onclick="myFunction()">点击这里</button> 
    </body> 
    </html>
    
    
  3. 函数的定义与执行
    常用的函数有两种:
    (1)不指定函数的名称/匿名函数;

    //(e.g.)
    var myFunction=function() 
    { document.write("这是一个没有函数名的函数!"); }
    //调用函数 
    myFunction(); 
    

    (2)制定函数的名称
    指定函数名的函数”是 JavaScript 中使用最广泛的方法,反而“不指定函 数名的函数”用得比较 少。

    function ==函数名(参数 1,参数 2,….,参数 n) ==
    {
    return 表达式; //函数体语句
    }

    //(e.g.)
    
    //定义函数 
    function addNum(a,b) { 
    var m=a+b; return m;
     } 
    //调用函数 
    var sum=addNum(1,2); 
    document.write("相加的结果是:"+sum); 
    
    定义函数时的参数叫“形参”, 调用函数时的参数叫“实参”。
  4. 带有参数的函数调用
    在调用函数时,可以向其传递值,这些值被称为参数。 这些参数可以在函数中使用。 可以发送任意多的参数,由逗号 ","分隔;

    <button onclick="myFunction('Bill Gates','CEO')">点击这里</button> 
    <script> function myFunction(name,job) { 
    alert("Welcome " + name + ", the " + job); 
    } 
    </script>
    
    
  5. 带有返回值的函数
    有时,我们会希望函数将值返回调用它的地方。 通过使用 return 语句就可以实现。 在使用 return 语句时,函数会停止执行,并返回指定的值。


    函数’return’关键字 函数中’return’关键字的作用:
    1、返回函数执行的结果
    2、结束函数的运行
    3、阻止默认行为

    //(e.g.)
    function add(a,b){ 
    var c = a + b; 
    return c;
    alert('here!');
    } 
    var d = add(3,4); 
    alert(d); //弹出 7
    
  6. 全局变量和局部变量
    理解函数作用域需要理解以下几点:
    1、函数变量的作用域有全局变量和局部变量两种,全局变量写在函数的最前 面,局部变量写在函数体内,局部变量省略了 var 也就默认成为了全局变量。
    2、函数体内部可以读取到函数外的变量,而函数外不能读取到函数内的变量。

    //(e.g.)
    window.onload=function(){ 
    var temp=10; function myFunction(){
     var times=20; console.log(temp); 
     //可以访问 temp 并且输出 10, 因为 temp 属于全局变量,所有的函数都可以进行访问 
      } 
     myFunction(); 
     function myFunction1(){ 
     console.log(times); 
     //访问不到 times (因为 times 属于函数 myFunction 内部变量(布局变量)) 
      } 
     myFunction1(); 
     } 
    

以上

你可能感兴趣的:(javaScript)