溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

javascript中的函數(shù)知識點有哪些

發(fā)布時間:2021-11-10 11:00:11 來源:億速云 閱讀:142 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“javascript中的函數(shù)知識點有哪些”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“javascript中的函數(shù)知識點有哪些”吧!

JavaScript 使用關(guān)鍵字 function 定義函數(shù)。

函數(shù)可以通過聲明定義,也可以是一個表達式,函數(shù)聲明后不會立即執(zhí)行,會在我們需要的時候調(diào)用到。

函數(shù)聲明

語法如下:

function ( 函數(shù)名)functionName(parameters(參數(shù))) {

  執(zhí)行的代碼

}

分號是用來分隔可執(zhí)行JavaScript語句, 由于函數(shù)聲明不是一個可執(zhí)行語句,所以不以分號結(jié)束。

函數(shù)聲明后不會立即執(zhí)行,會在我們需要的時候調(diào)用到。

函數(shù)表達式:

JavaScript 函數(shù)可以通過一個表達式定義,函數(shù)表達式可以存儲在變量中,在函數(shù)表達式存儲在變量后,變量也可作為一個函數(shù)使用。

函數(shù)存儲在變量中,不需要函數(shù)名稱,通常通過變量名來調(diào)用,函數(shù)實際上是一個 匿名函數(shù) (函數(shù)沒有名稱)。

Function() 構(gòu)造函數(shù):

函數(shù)同樣可以通過內(nèi)置的 JavaScript 函數(shù)構(gòu)造器(Function())定義。

在 JavaScript 中,很多時候,你需要避免使用 new 關(guān)鍵字。

函數(shù)提升(Hoisting):

提升(Hoisting)是 JavaScript 默認將當(dāng)前作用域提升到前面去的行為。

提升(Hoisting)應(yīng)用在變量的聲明與函數(shù)的聲明。

因此,函數(shù)可以在聲明之前調(diào)用:

使用表達式定義函數(shù)時無法提升。

自調(diào)用函數(shù):

函數(shù)表達式可以 "自調(diào)用",函數(shù)實際上是一個 匿名自我調(diào)用的函數(shù) (沒有函數(shù)名)。

自調(diào)用表達式會自動調(diào)用。

如果表達式后面緊跟 () ,則會自動調(diào)用。

不能自調(diào)用聲明的函數(shù)。

通過添加括號,來說明它是一個函數(shù)表達式。

JavaScript 函數(shù)作為一個值使用:

JavaScript 函數(shù)可作為表達式使用

自調(diào)用函數(shù)語法:(functin(){})()

函數(shù)是對象:

在 JavaScript 中使用 typeof 操作符判斷函數(shù)類型將返回 "function" 。

但是JavaScript 函數(shù)描述為一個對象更加準(zhǔn)確。

JavaScript 函數(shù)有 屬性 和 方法。

arguments.length 屬性返回函數(shù)調(diào)用過程接收到的參數(shù)個數(shù)。

toString() 方法將函數(shù)作為一個字符串返回。

函數(shù)定義作為對象的屬性,稱之為對象方法,函數(shù)如果用于創(chuàng)建新的對象,稱之為對象的構(gòu)造函數(shù)。

函數(shù)參數(shù)

函數(shù) "顯式參數(shù)(Parameters)" 與 "隱式參數(shù)(Arguments)"。

顯式參數(shù)(Parameters):函數(shù)顯式參數(shù)在函數(shù)定義時列出。

隱式參數(shù)(Arguments):函數(shù)隱式參數(shù)在函數(shù)調(diào)用時傳遞給函數(shù)真正的值。

參數(shù)規(guī)則:

JavaScript 函數(shù)定義時顯式參數(shù)沒有指定數(shù)據(jù)類型。

JavaScript 函數(shù)對隱式參數(shù)沒有進行類型檢測。

JavaScript 函數(shù)對隱式參數(shù)的個數(shù)沒有進行檢測。

。。。。。。

如果函數(shù)在調(diào)用時未提供隱式參數(shù),參數(shù)會默認設(shè)置為: undefined

有時這是可以接受的,但是建議最好為參數(shù)設(shè)置一個默認值:

如果函數(shù)調(diào)用時設(shè)置了過多的參數(shù),參數(shù)將無法被引用,因為無法找到對應(yīng)的參數(shù)名。 只能使用 arguments 對象來調(diào)用。

Arguments 對象:

JavaScript 函數(shù)有個內(nèi)置的對象 arguments 對象。

通過這種方式你可以很方便的找到最大的一個參數(shù)的值。

通過值傳遞參數(shù):

在函數(shù)中調(diào)用的參數(shù)是函數(shù)的隱式參數(shù)。

JavaScript 隱式參數(shù)通過值來傳遞:函數(shù)僅僅只是獲取值。

如果函數(shù)修改參數(shù)的值,不會修改顯式參數(shù)的初始值(在函數(shù)外定義)。

隱式參數(shù)的改變在函數(shù)外是不可見的。

通過對象傳遞參數(shù):

在JavaScript中,可以引用對象的值。

因此我們在函數(shù)內(nèi)部修改對象的屬性就會修改其初始的值。

修改對象屬性可作用于函數(shù)外部(全局變量)。

修改對象屬性在函數(shù)外是可見的。

JavaScript 函數(shù)調(diào)用

JavaScript 函數(shù)有 4 種調(diào)用方式。

每種方式的不同在于 this 的初始化。

this 關(guān)鍵字:

一般而言,在Javascript中,this指向函數(shù)執(zhí)行時的當(dāng)前對象。注意: this 是保留關(guān)鍵字,你不能修改 this 的值。

調(diào)用 JavaScript 函數(shù),函數(shù)中的代碼在函數(shù)被調(diào)用后執(zhí)行。

在 HTML 中默認的全局對象是 HTML 頁面本身,所以函數(shù)是屬于 HTML 頁面。

在瀏覽器中的頁面對象是瀏覽器窗口(window 對象),myFunction() 和 window.myFunction() 是一樣的。

這是調(diào)用 JavaScript 函數(shù)常用的方法, 但不是良好的編程習(xí)慣 ,全局變量,方法或函數(shù)容易造成命名沖突的bug。

全局對象:

當(dāng)函數(shù)沒有被自身的對象調(diào)用時 this 的值就會變成全局對象。

在 web 瀏覽器中全局對象是瀏覽器窗口(window 對象)。

函數(shù)作為全局對象調(diào)用,會使 this 的值成為全局對象,使用 window 對象作為一個變量容易造成程序崩潰。

函數(shù)作為方法調(diào)用:

在 JavaScript 中你可以將函數(shù)定義為對象的方法。

函數(shù)作為對象方法調(diào)用,會使得 this 的值成為對象本身。

使用構(gòu)造函數(shù)調(diào)用函數(shù):

如果函數(shù)調(diào)用前使用了 new 關(guān)鍵字, 則是調(diào)用了構(gòu)造函數(shù)。

構(gòu)造函數(shù)的調(diào)用會創(chuàng)建一個新的對象。新對象會繼承構(gòu)造函數(shù)的屬性和方法。

構(gòu)造函數(shù)中 this 關(guān)鍵字沒有任何的值,this 的值在函數(shù)調(diào)用實例化對象(new object)時創(chuàng)建。

作為函數(shù)方法調(diào)用函數(shù):

在 JavaScript 中, 函數(shù)是對象。JavaScript 函數(shù)有它的屬性和方法。

call() 和 apply() 是預(yù)定義的函數(shù)方法。 兩個方法可用于調(diào)用函數(shù),兩個方法的第一個參數(shù)必須是對象本身。

兩個方法都使用了對象本身作為第一個參數(shù)。 兩者的區(qū)別在于第二個參數(shù): apply傳入的是一個參數(shù)數(shù)組,也就是將多個參數(shù)組合成為一個數(shù)組傳入,而call則作為call的參數(shù)傳入(從第二個參數(shù)開始)。

在 JavaScript 嚴格模式(strict mode)下, 在調(diào)用函數(shù)時第一個參數(shù)會成為 this 的值, 即使該參數(shù)不是一個對象。

在 JavaScript 非嚴格模式(non-strict mode)下, 如果第一個參數(shù)的值是 null 或 undefined, 它將使用全局對象替代。

通過 call() 或 apply() 方法你可以設(shè)置 this 的值, 且作為已存在對象的新方法調(diào)用。

this 是 JavaScript 語言的一個關(guān)鍵字。它代表函數(shù)運行時,自動生成的一個內(nèi)部對象,只能在函數(shù)內(nèi)部使用。

隨著函數(shù)使用場合的不同,this 的值會發(fā)生變化。但是有一個總的原則,那就是this指的是,調(diào)用函數(shù)的那個對象。

JavaScript 閉包

JavaScript 變量可以是局部變量或全局變量,私有變量可以用到閉包,函數(shù)可以訪問由函數(shù)內(nèi)部定義的變量。

在web頁面中全局變量屬于 window 對象,全局變量可應(yīng)用于頁面上的所有腳本。

局部變量只能用于定義它函數(shù)內(nèi)部。對于其他的函數(shù)或腳本代碼是不可用的。

全局和局部變量即便名稱相同,它們也是兩個不同的變量。修改其中一個,不會影響另一個的值。

變量聲明時如果不使用 var 關(guān)鍵字,那么它就是一個全局變量,即便它在函數(shù)內(nèi)定義。

變量生命周期:

全局變量的作用域是全局性的,即在整個JavaScript程序中,全局變量處處都在。

而在函數(shù)內(nèi)部聲明的變量,只在函數(shù)內(nèi)部起作用。這些變量是局部變量,作用域是局部性的;函數(shù)的參數(shù)也是局部性的,只在函數(shù)內(nèi)部起作用。

計數(shù)器困境:

設(shè)想下如果你想統(tǒng)計一些數(shù)值,且該計數(shù)器在所有函數(shù)中都是可用的,你可以使用全局變量,函數(shù)設(shè)置計數(shù)器遞增。

JavaScript 內(nèi)嵌函數(shù):

所有函數(shù)都能訪問全局變量。  

實際上,在 JavaScript 中,所有函數(shù)都能訪問它們上一層的作用域。

JavaScript 支持嵌套函數(shù)。嵌套函數(shù)可以訪問上一層的函數(shù)變量。

閉包是可訪問上一層函數(shù)作用域里變量的函數(shù),即便上一層函數(shù)已經(jīng)關(guān)閉。

感謝各位的閱讀,以上就是“javascript中的函數(shù)知識點有哪些”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對javascript中的函數(shù)知識點有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI