學習函數的目的

學習函數的路徑

• 定義函數
• 調用函數
• 為了讓函數的功能更加強大, 學習函數的 參數
• 函數的返回值

函數的使用

• 函數的定義及調用

  • 函數的定義

  • 通過 function關鍵字定義函數 【常用的方式】

    function 函數名() {代碼; }

  • 通過字面量的方式(函數表達式)定義函數 【js高級后常用的一種方式,目前階段了解為主】

    var 函數名 = function() {代碼; }

  • 函數的調用

    因為函數中的代碼不會自己執行, 所以我們需要調用函數才可以執行里面的代碼.調用函數: 執行函數中的代碼函數名(); 注意事項: 1. 函數的調用必須后面寫 '()'

  • 函數定義和調用的總結

  • 在定義函數的時候,必須加 ‘()’
  • alert(), console.log(), Math.floor()… 都是函數
  • 函數定義完成后,函數中的代碼不會執行
  • 想要執行函數中的代碼, 必須調用函數 函數名稱()

• 函數中的參數

  • 作用

    就是用來接收用戶傳遞的值, 參數的本質就是一個變量

  • 參數詳解

  • 形參

    形參: 在定義函數時候小括號中變量 注意: 函數可以有形參 也可以沒有形參例如: function fn(a) {} a 稱為是 函數 fn的形參, a形參的本質就是一個變量

  • 實參

    實參: 在調用函數時候小括號中的值注意: 函數如果有形參,那么在調用的時候就要設置實參例如: function fn(a) { } fn(3); a 叫函數的 形參3 叫函數的 實參

  • 實參和形參的關系

    1. 形參的值 是 通過 實參賦值的 2. 形參的值 和 實參的值是一一對應的

    [外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-TOJVURe5-1583485787646)(img/1583475070697.png)]

  • 函數中參數的總結

    • 函數就是用來實現功能的, 不應該在函數中出現用戶的操作
    • 形參的值是來自于實參的賦值結果
    • 實參如果是一個數組,那么形參就是一個數組
    • 實參如果是一個字符串,那么形參就是一個字符串
    • 實參如果是一個數字類型,那么形參就是一個數字類型

• 函數中的返回值

  • 為什么要學習返回值

    通過返回值,可以解決讓函數外部也可以使用函數內部的值

  • 如何使用返回值

  • 在函數中,將需要函數外部使用的值(變量)前面加一個 return 關鍵字, 那么該值(變量) 就叫返回值
  function fn() {var a = 1;var b = 2;var c = 'abc';//c就是一個返回值return c; }

  • 當函數設置了返回值,那么就需要在函數外部接收返回值

    定義一個變量 = 函數(); 例如: function fn() {var a = 1;var b = 2;var c = 'abc';//c就是一個返回值return c; } //接收函數的返回值 var num = fn();

• 返回值使用過程中的一些注意事項

• 總結

匿名函數和自調用函數

arguments

作用域及作用域鏈

• 作用域

• 作用域鏈

• 返回值使用過程中的一些注意事項

• 總結

匿名函數和自調用函數

arguments

作用域及作用域鏈

• 作用域
• 作用域鏈

代碼預解析