函式作用：將代碼存入變數中，實作代碼復用
1.函式介紹
-
函式是一種結構，使用function關鍵字宣告
-
函式不會自動運行
-
函式定義后，需要主動呼叫才會觸發
//1.宣告函式：將代碼存入結構中
function 函式名(){
函式體：一段代碼
}
//2.呼叫函式：執行函式體代碼
函式名();函式與回圈
<script>
/*1.函式與回圈區別：本質區別
a.作用不同：
回圈：一段代碼在一個地方執行多次（主動運行）
函式：一段代碼在多個地方執行一次（被動運行）
b.本質不同
回圈：只是一種語法，讓代碼重復執行
函式：是一種資料型別，存盤的是代碼
*/
/*2.什么樣的代碼需要使用函式
a.這段代碼需要在多個地方執行
b.這段代碼通常都是完成一個獨立的小功能
*/
/*3.語法誤區：函式語法就兩個（宣告與呼叫）
1.宣告函式： function 函式名(){ 函式體代碼 }
2.呼叫函式： 函式名()
3.變數取值： 函式名 (不會執行函式體代碼，只是以字串形式將變數中存盤的東西列印出來而已)
*/
//需求 ： 一段代碼 需要在多個地方執行
//復制粘貼弊端 ： （1）代碼冗余 （2）不便于維護
/*
1.函式作用 : 實作某個功能代碼的重復利用
2.函式語法
a. 宣告函式 ： （ *** 函式體代碼不會執行 ***）
function 函式名(){
函式體 ：一段代碼
};
b. 呼叫函式 ： 執行函式體代碼
函式名();
*/
函式注意點
a.什么樣的代碼會放入函式中？
（1）多個地方執行
（2）獨立的小功能
b.函式與回圈 有著本質的區別
（1）本質區別
函式 ：是一種資料型別，存盤代碼
回圈 ：是一種語法，重復執行代碼
（2）作用不同
函式 ： 一段代碼在多個地方執行一次
回圈 ： 一段代碼在一個地方執行多次
*/
</script>2.函式引數
-
引數的目的是讓函式能夠變的靈活，可以完成不同的，但是功能類似的需求
-
函式引數分為兩種：
-
形參：定義函式時的引數，屬于
占座位 -
實參：呼叫函式時的引數，屬于
實際資料
-
-
函式不會自動運行：所以先
占位；呼叫時就是要實際運行，所以給資料
3.函式回傳值
-
回傳值是函式運行后的結果處理方式
-
實際開發程序中，
不會在函式內部進行輸出，都是把結果回傳給呼叫者-
函式不對結果負責：函式只負責做
-
-
return關鍵字
-
JS函式可以沒有回傳值
-
可以使用return回傳任意型別資料
-
return會終止函式的繼續執行（結束函式運行）
-
4.函式另一種宣告方式
-
1.函式宣告:
function 函式名(){}; -
2.函式運算式:
let 函式名 = 匿名函式-
匿名函式：函式的字面量又稱為匿名函式，顧名思義就是沒有變數名的函式
-
let 函式名 = function(){};
-
-
3.兩者唯一區別：函式宣告可以在任何地方呼叫，而函式運算式方式呼叫必須在宣告后面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
fn1();
//1.函式宣告 ： function 函式名(){ 函式體代碼 }
function fn1(){
console.log('11111');
};
fn1();
//2.運算式宣告 ： let 函式名 = 匿名函式
//具名函式 ： 有名字的函式 匿名函式 = 沒名字的函式
// fn2();//報錯
let fn2 = function(){
console.log('2222');
};
fn2();
//3.唯一區別 ： 函式宣告可以在任何地方呼叫，運算式宣告只能在宣告后呼叫
</script>
</body>
</html>上一章：JavaScript入門第十二章（陣列回圈嵌套）
下一章：JavaScript入門第十四章（高階函式 ）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/292368.html
標籤：其他
上一篇：劍指offer(簡單):陣列中重復的數字(JavaScript)
下一篇：mini-vue渲染的簡易實作