js 函數：

概念：函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。

說白了就是響應用戶操作所執行的代碼，通過js事件觸發，然后調用執行函數里代碼的操作。
比如常見的用戶點擊事件，用戶點擊了按鈕，如果這個按鈕綁定了點擊事件的話就會觸發點擊事件，觸發了點擊事件干什么呢，這時候就需要給這個點擊事件綁定一個函數了，這樣用戶點擊以后就可以觸發函數，然后執行函數里面的操作。如：

<script> function myFunction() { alert("Hello World!"); } </script> <button onclick="myFunction()">點擊這里</button>

---

語法

用的時候直接 function funname(){} 需要記住的是 function 是 js 關鍵字，注意只能是小寫，在調用函數時會執行函數{}里的代碼塊。如：

<button class="btn" onclick="fun1()">點擊</button> <script>function fun1(){alert(num);alert(type);} </script>

---

參數和變量

在調用函數的時候可以傳遞參數，在調用的函數里面多個參數用“，”分開。然后在定義函數的時候需要在小括號里將參數使用變量代替，這里需要注意的是變量的位置要和調用那里的參數一一對應,變量名可以隨便寫。

<button class="btn" onclick="fun1(index,type)">點擊</button> <script>function fun1(i,t){alert(i);alert(t);}</script>

通過參數的傳遞可以使函數變得更靈活，比如有三個地方需要調用這個函數，每個調用的地方參數有不一樣，這樣也是沒問題的。

<button class="btn" onclick="fun1("1")">點擊</button> <button class="btn" onclick="fun1("2",type)">點擊</button> <button class="btn" onclick="fun1("3")">點擊</button> <script>function fun1(i,t){type = type?"type":"";alert(num);alert(type);}</script>

---

擴展：

return
一個函數生來就是為了輸出處理過的返回值的時候，需要將返回值拋出，這時候就需要return了，看例子：

<script>function fun1(i,t){type = type?"type":"";if(i ==1){return "ok"; }else{return "no";}}</script>

這里隨便寫了個函數，根據用戶調用函數時傳的參數進行判斷，然后輸出不同的值。

局部變量：
局部變量說白了就是函數內部定義的變量，這個變量的作用域只在這個函數內部（需要注意的是必須是通過var定義的變量），在函數外部訪問變量的話是underfind。例子：

<script>function fun1(i,t){var type1 = type?"type":"";if(i ==1){return "ok"; }else{return "no";}}alert(type1);</script>

這里一定會 alert（underfind）

? 著作權歸作者所有

著作權歸作者所有，轉載請聯系作者獲得授權，并標注“簡書作者”。

轉載于:https://www.cnblogs.com/wbg21521/p/6898944.html

總結

以上是生活随笔為你收集整理的前端小课堂 js：what is the function？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。