知識點總結：周馳程、周超、孟威

這是我們前幾天學習的函式，下面是我對函式的瞭解，以及應用。

目錄：

1。     初步瞭解函式，以及函式的概念、作用及解釋

2。     瞭解為什麼要封裝函式，有什麼意義？

3。     如何建立函式以及呼叫的方法

4。     函式的引數

5。     函式的返回值 return

6。     Arguments的解釋用法及應用

7。     函式的應用

1

、首先，我們來確定一下什麼是函式？函式的概念是什麼？作用

∶

函式就一個程式碼塊，在函數里面封裝了可以實現某個功能的模組，在需要的時候，可以直接執行，也可以被行為呼叫。

2

、那麼為什麼要封裝成函式，意義在哪呢？

一個被封裝好的函式可以無限次的使用，也可以選擇使用，而且不需要再次實現內部的細節，這無疑在開發的時候給我們節省了很多的時間，也減少的了多餘程式碼。

選擇使用

重複使用

忽略細節

3

、如何建立使用函式？

（1）宣告函式（建立）function 函式名（）{//函式體程式碼}

（2）函式呼叫 函式名（）

（3）注意：

o function小寫

o函式名一般建議是動詞，比如getSum

o函式在呼叫的時候必須有小括號

注意：別忘記 JavaScript 中大小寫字母的重要性。“function” 這個詞必須是小寫的，否則 JavaScript就會出錯。另外需要注意的是，必須使用大小寫完全相同的函式名來呼叫函式。

4

、函式的呼叫方法是什麼？

注意：函式在使用前必須呼叫

（1）函式呼叫形式是最常見的形式，所謂函式形式就是一般宣告函式後直接呼叫即是。

（2）函式的呼叫相當是一個函式的開關，如果使用前不呼叫函式的話  那麼你的函式將不會執行

5

、函式的引數有哪些？

1。帶引數的函式宣告

function函式名（形參1，形參2，形參3。…）{//可以定義任意多的引數，用逗號分隔

函式體}

2。帶引數的函式呼叫

函式名（實參1，實參2，實參3。。。）；

（1）。形參∶形式上的引數，定義函式的時候傳遞的引數，作用是接收實參傳遞過來的值

（2）。實參；實際上的引數，函式呼叫的時候傳遞的引數，實參的值會——對應傳給形參

（3）。引數的作用∶在函式內部某些值不能固定，透過引數在呼叫函式時傳遞不同的值進去。

（4）。注意

-引數可以定義任意多個，用逗號隔開

-呼叫函式的時候會把形參傳遞給實參

-形參相當於不用宣告的變數

（5）。實參和形參引數數量不一致

-實參大於形參，多餘的實參可以透過arguments來獲取

-形參大於實參，多餘的形參預設值是undefined

下面有兩個案例

【例1】以下示例中，引數a和b就是形參，而呼叫函式中的2，3就是實參。

函式的形參沒有限制，可以沒有或者多個。形參的數量可以透過函式的length屬性獲取。

【例2】獲取函式的形參個數。

一般來說，函式的形參和實參個數是相等的，但在JavaScript中沒有規定兩者必須相等。如果形參個數大於實參，那麼多出的形參值為undefined。相反，如果實參個數大於形參，那麼多出的實參就無法被形參訪問，而被忽略掉。

6

、函式的返回值 return的概念及用法

一、return的概念

宣告函式function函式名（）{。。。return需要返回的值；}

呼叫函式 函式名（）∶此時呼叫函式就可以得到函式體內return 後面的值

（1）return作用·函式返回值-終止函式執行

（2）函式呼叫的時候會執行函式內部的程式碼-執行完程式碼之後會有一個結果，結果會透過return返回數名（）==retrun返回的值

（3）注意∶

o return只能返回一個結果，可以是變數也可以是陣列

o如果函式沒有return預設返回值是undefined

二、

函式的返回值 return的用法

建立一個函式，用來計算三個數的和

可以使用return來設定函式的返回值

語法：

return值

return後的值將會作為函式執行結果返回，可以定義一個變數，來接收結果

在函式return後的語句都不會執行

如果return語句後不跟任何值就相當於返回一個undefined，如果函式中不寫return，則也會返回undefined

return後可以跟任意型別的值

function sum（a，b，c）{

var d=a+b+c；

return d； }

7

、什麼是arguments？arguments的案列和用法

（1）。是函式的內建物件 ， 所有函式都有，裡面儲存了所有的實參，不確定引數個數的情況下，可以透過arguments獲取

（2）。arguments 只能在函式內部使用，偽陣列-具有length屬性-透過下標遍歷

下面是

arguments的用法和案例

8。

接下來就是函式的應用了

1.

仿京東倒計時

首先透過js先獲取元素（時分秒）以及一個自己設定的結束時間，再封裝一個計時器，讓每秒呼叫一次函式，透過封裝一個計算倒計時總時間的函式，並計算出剩餘時間的秒數，把它轉換成時分秒來更改當前的值

//1、獲取元素

var hour=document。querySelector（‘。hour’）；

var minute=document。querySelector（‘。minute’）；

var second=document。querySelector（‘。second’）；

var inputTime=+new Date（‘2020-11-26 20：00：00’）；//倒計時的結束時間，自己設定時間

countDown（）；//先呼叫一次這個函式 防止第一次重新整理頁面有空白

//2、開啟定時器

setInterval（countDown，1000）；//1000毫秒，每一秒鐘呼叫一次函式

//3、倒計時-時分秒函式

function countDown（）{

var nowTime=+new Date（）； //返回的是當前時間的總的毫秒數

var times=（inputTime-nowTime）/1000； // times是剩餘時間的總的毫秒數

var h=parseInt（times/60/60%24）；

h=h

hour。innerHTML=h；//更改div裡面的內容 把h給獲取元素hour的內容

var m=parseInt（times/60%60）；

m=m

minute。innerHTML=m；//同上

var s=parseInt（times%60）；

s=s

second。innerHTML=s；//同上

}

效果圖：

以上就是我們總結的本節內容，文中有不當之處還希望大家之處，我們一起進步。

TAG: 函式形參實參returnVAR