javaScript基礎

01.知識點-函數【重點】

1. 學習函數的目的

   就是為將重復的功能代碼包裝成一個工具(盒子), 方便程序員重復調用
   

2. 學習函數的路徑

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

3. 函數的使用

   • 函數的定義及調用

     • 函數的定義

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

          function  函數名() {代碼;
          }
          

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

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

     • 函數的調用

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

     • 函數定義和調用的總結

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

   • 函數中的參數

     • 作用

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

     • 參數詳解

       1. 形參

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

       2. 實參

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

       3. 實參和形參的關系

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

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

       4. 函數中參數的總結

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

   • 函數中的返回值

     • 為什么要學習返回值

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

     • 如何使用返回值

       1. 在函數中,將需要函數外部使用的值(變量)前面加一個 return 關鍵字, 那么該值(變量) 就叫返回值

       function fn() {var a = 1;var b = 2;var c  = 'abc';//c就是一個返回值return c;
       }
       

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

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

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

   • 總結

02.今日函數擴展

1. 匿名函數和自調用函數

2. arguments

3. 作用域及作用域鏈

   • 作用域

   • 作用域鏈

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

   • 總結

02.今日函數擴展

1. 匿名函數和自調用函數

2. arguments

3. 作用域及作用域鏈

   • 作用域
   • 作用域鏈

4. 代碼預解析