~~~ ### 函數（function） > 一個處理事情的方法，例如：洗衣機就是一個函數 1.生產洗衣機 - 把洗衣服的操作的集成在一起 - 相當于一個函數：函數的目的就是把實現一個功能的代碼進行封裝， 以后再想實現這個功能，我們只需要執行方法即可， 無需再把代碼寫一遍 => “低耦合、高內聚”：減少頁面中的冗余代碼，提高代碼的重復使用率 2.讓洗衣機運行 - 執行函數 - 函數兩部分：定義函數、執行函數（光定義函數是沒有用的，只有把函數執行，才能起到對應的作用） ~~~ ~~~ /* * 1.創建函數：把實現某個功能的代碼封裝在一起 * function 函數名(形參1,...){ * //=>函數體：實現具體功能的代碼 * } * * 2.執行函數：讓函數執行，從而實現具體的功能 * 函數名(實參1,...); * 函數名(實參1,...); * ... * 函數的意義在于封裝：把實現某一個功能的代碼封裝在一起，后期再想實現這個功能，只需要執行函數即可，不需要重新編寫這些代碼了 “低耦合、高內聚” */ let time1 = '2020/03/07 11:37:00'; let arr = time1.match(/\d+/g); time1 = '{0}年{1}月{2}日'.replace(/\{(\d+)\}/g, (_, num) => { return arr[num]; }); console.log(time1); let time2 = "1998-12-18 00:00:00"; //=>"12-18 00:00" let arr2 = time2.match(/\d+/g); time2 = '{1}-{2} {3}:{4}'.replace(/\{(\d+)\}/g, (_, num) => { return arr2[num]; }); console.log(time2); // .... */ // 創建一個函數（創建一個洗衣機）：把時間格式化的操作全部封裝成為一個函數，代碼統一封裝起來 function formatTime(time, templete = "{0}年{1}月{2}日 {3}時{4}分{5}秒") { let timeAry = time.match(/\d+/g); return templete.replace(/\{(\d+)\}/g, (...[, $1]) => { let time = timeAry[$1] || "00"; return time.length < 2 ? "0" + time : time; }); } // 執行函數（運行洗衣機） let time1 = '2020/03/07 11:37:00'; let time2 = "1998-12-18 00:00:00"; console.log(formatTime(time1, '{0}年{1}月{2}日')); console.log(formatTime(time2, '{1}-{2} {3}:{4}')); console.log(formatTime(time1)); */ // 項目中，發現一個功能要重新運行兩次及兩次以上，此時我們就把這個功能封裝成為一個函數，以后再想實現這個功能，直接把函數執行即可/* // 1.創建函數 function func() { console.log('我會玩函數了!'); } // 2.執行函數 func(); func(); // ================================求兩個數的和 // 函數中有一個形參和實參的概念 // 形參：生產一個函數，想要實現一些功能，但是實現功能，需要的原材料不確定，需要用戶執行它的是夠給我，我才知道，此時我們就提供入口 => 形參（變量） // 實參：執行函數的時候，給指定的入口（形參變量）傳遞的具體值（值） function sum(x, y) { // 創建函數的時候，并不知道要求哪兩個數字的和，此時可以定義形參變量 // =>x和y就是形參變量 let total = x + y; console.log(total); } sum(10, 20); //=>x=10 y=20是實參（給形參變量傳遞的具體值） sum(1, 10); //=>x=1 y=10 sum(10); //=>x=10 y=undefined 定義了形參，但是執行的時候不給傳遞實參，則形參默認值undefined ->NaN ~~~