javascript基礎課堂三 函數

函數

爲何須要用到函數：
提升開發效率
複用 減小代碼量
開發維護 更靈活 把功能分開書寫
參數 返回值 讓函數更靈活

函數三要素：

功能
參數
返回值

建立函數：

表達式：let fn = function () { }
聲明式： function fn() { } 會形成函數提高
構造函數：let fn = new Function(){ } 首字母大寫

調用函數：

函數名（）;

匿名函數：
function（）{ }

IIFE：當即執行函數：
例：(function () { console.log(666); }()) //666

只跟書寫方式有關，有無名字均可以用IIFE
參數：
形參
實參

例：let 送外賣 = function（食物）{
 console.log(`吃${食物}`) //形參
 }
 送外賣（「冒菜」） //實參
 若是有形參沒實參會打印undefined、有實參沒形參則不會調用

返回值：

經過return.....函數不能寫在return以後

`例：let fn = function () {
 let number = 5;
 return number; //把值傳出去
 }
 let a = fn();
 console.log(a) //5
 return 5；`

1. return
2. 無return
3. return後的語句不執行
4. return 只能返回一個值，多個值用[]數組

（ 僞類數組對象 統計實參個數 ）

arguments[index] 也能接收實參

arguments是函數的屬性、返回全部實參內容

能夠相似於數組的使用方式進行值的獲取

例：function fn(a, b) {
 console.log(fn.arguments[0]); //1  獲取下標爲0所對應的實參1
 console.log(fn.arguments); //0:1  1:2  2:3  獲取所有實參
 console.log(fn.arguments.length); // 2  獲取實參下標長度
 console.log(arguments[2]); //3 調用沒有使用的實參
 }
 fn("1", "2", "3")

函數的執行：

函數的書寫順序，不能決定函數的執行順序
ES6:

1. 默認參數，形參 = 默認值，有實參用實參，無實參用默認參

例： let arr = tunction(name = "1"){
 console.log(${ name }) //1
 }
 fn("2");
 fn();

1. 剩餘參數 ...參數寫在形參最後，真數組 （不定參）以數組貯存

例： let fn = function (x, y...rest) {
 console.log(x, y) //1,2
 console.log(rest) //[3.4]
 }
 fn(1, 2, 3, 4);

函數長度：

function f70(a, b, c = 2) {
 console.log(f70.length); //2
 }
 f70(1, 2, 3, 4, 5, 6);
 
 function f70(a, b, ...c) {
 console.log(f70.length); //2
 }
 f70(1, 2, 3, 4, 5, 6);

 function f70(a = 0, b, c) {
 console.log(f70.length); //0
 }
 f70(1, 2, 3, 4, 5, 6);

1. 解構

例： let fn = function ([a, b]) { //a=1 b=2
 console.log(a, b) //1,2
 }
 fn([1, 2]);

1. 箭頭函數的簡寫

例：

1. let fn = function (x, y) {
 .........
 }
 fn();

1. let fn = (x, y) => { }
2. let fn = x => { } 只有一個參數
3. let fn = x => a - b 當只有一個return
4. 箭頭函數不能應用於構造函數
5. arguments不能使用
6. 不會吧本身得this綁定到函數上

函數回調：

將函數A做爲參數傳給函數B，在函數B中調用，函數A就是callback

callback在異步編程當中用的較多，目前都是使用本身存在的sort, som, fliter, foEach等

例：let fnA = function () {
 console.log(666); //666
 }
 let fnB = function (cb) {
 cb();
 }
 fnB(fnA);

遞歸（一個函數直接或間接的調用本身）

無限遞歸：

例：
 let fn = function () {
 fn();
 }
 fn();

歸併：

例：

let arr = [1, 2, 3]
 let result = arr.reduce((a, b) => a * b);
 console.log(result) //6