摘要:對匿名函數(shù)的理解報錯不能直接使用。對匿名函數(shù)的理解報錯匿名函數(shù)必須依附一個變量。對匿名函數(shù)的理解追夢子追夢子同樣的匿名函數(shù)當(dāng)做一個對象的屬性時也可以自調(diào)用。如果沒有名字必須要有一個依附體,如將這個匿名函數(shù)賦值給一個變量。
走在前端的大道上
匿名函數(shù)從簡單的字面理解就是一個沒有名字的函數(shù),但是如果說它只是這樣簡單,那我也就沒有必要來說這些。
對匿名函數(shù)的理解1:function(){ console.log(1); } // 報錯
不能直接使用。
對匿名函數(shù)的理解2:var a = function(){ console.log(1); } a(); //1
匿名函數(shù)可以依附于一個變量,并且這個變量名就是這個匿名函數(shù)的名字。
var a = function(){ console.log(1); } console.log(typeof a); //function對匿名函數(shù)的理解3:
window.onload = function(){ console.log("匿名函數(shù)"); } // 匿名函數(shù)
當(dāng)匿名函數(shù)用在綁定事件中的時候,當(dāng)這個事件執(zhí)行的時候這個匿名函數(shù)也會被執(zhí)行。
對匿名函數(shù)的理解4:(function(){ console.log("追夢子"); })() // 追夢子
如果將匿名函數(shù)放入到表達(dá)式中并且后面加上小括號會自動執(zhí)行這個函數(shù)
對匿名函數(shù)的理解5:var a = function(){ console.log("自執(zhí)行函數(shù)"); }(); // 自執(zhí)行函數(shù)
匿名函數(shù)后面加括號會執(zhí)行這個函數(shù)。
對匿名函數(shù)的理解6:function(){ console.log(1); }(); // 報錯
匿名函數(shù)必須依附一個變量。
對匿名函數(shù)的理解7:var a = { fn:function(){ console.log(1); } } a.fn(); //1
匿名函數(shù)不只是可以依附于一個變量,也可以依附于一個對象的屬性。
對匿名函數(shù)的理解8:var a = { fn:function(){ console.log("追夢子"); }() } //追夢子
同樣的匿名函數(shù)當(dāng)做一個對象的屬性時也可以自調(diào)用。
對匿名函數(shù)的理解9:var a = function(b){ console.log(b) } a(52); //52
匿名函數(shù)也可以傳遞參數(shù)
對匿名函數(shù)的理解10:(function(a){ console.log(a); })(10) //10
對于表達(dá)式函數(shù)同樣也可以傳遞參數(shù)
對匿名函數(shù)的理解11:var a = function(b){ console.log(b); }(10); //10 console.log(a); //undefined
如果將一個自執(zhí)行的匿名函數(shù)并且沒有返回值,賦值給一個變量那么這個變量的值就是undefined。因為這個函數(shù)在賦值之前已經(jīng)執(zhí)行完了,而這個函數(shù)沒有返回值,所以就是undefined,如果有返回值,那么這個變量的值就是那個匿名函數(shù)的返回值。
var a = function(b){ return b; }(10); console.log(a); //10自執(zhí)行的匿名函數(shù)
why?為什么下面這段代碼會報錯?
function(){ console.log(1); } // 報錯
1、因為ECAMScript規(guī)定函數(shù)的聲明必須要有名字,如果沒有名字的話,我們就沒有辦法找到它了,對于為什么自執(zhí)行函數(shù)為什么就可以不帶名字后面會講。
2、如果沒有名字必須要有一個依附體,如:將這個匿名函數(shù)賦值給一個變量。
如果按照上面的說法js報錯也是應(yīng)該的,那么我們用的下面這種代碼為什么就能夠正常運行?
(function(){ console.log(1); })() //1
之所以可以是因為我們將這個函數(shù)包含在了一個小括號中,why?小括號為什么這么神奇?
按照ECAMScript的規(guī)定,函數(shù)聲明是必須要有名字的,但是我們用括號擴(kuò)起來那么這個函數(shù)就不再是一個函數(shù)聲明了,而是一個函數(shù)表達(dá)式,你可以理解成下面這段代碼。
var a = function(){ console.log(1); }(); //1
將一個匿名函數(shù)賦值給一個變量或者對象屬性就是函數(shù)表達(dá)式,函數(shù)表達(dá)式是可以不需要名字的,所以我們就可以直接通過這種方式來自動的執(zhí)行這個函數(shù)。
再說一句
(function(){ .... })()
第一個括號是個運算符,它會返回這個匿名函數(shù),然后最后一個小括號會執(zhí)行這個函數(shù)。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/92242.html
摘要:在中,函數(shù)也是以對象的形式存在的。也可以使用對象作為參數(shù)返回值調(diào)用該函數(shù)的返回結(jié)果。調(diào)用自身的函數(shù)被稱之為遞歸函數(shù)。默認(rèn)名字的函數(shù)被稱之為匿名函數(shù)。內(nèi)部函數(shù)在函數(shù)中聲明內(nèi)嵌函數(shù),內(nèi)嵌函數(shù)對函數(shù)中的局部變量進(jìn)行訪問。 Function類型 Function與函數(shù) 函數(shù)它只定義一次,但可能被執(zhí)行或調(diào)用多次 。Function類型是JavaScript提供的引用類型之一,通過Function...
摘要:類型與函數(shù)函數(shù)是這樣一段代碼它只定義一次但可能被執(zhí)行或調(diào)用多次類型是提供的引用類型之一通過類型創(chuàng)建對象在中函數(shù)也是以對象的形式存在的每個函數(shù)都是一個對象函數(shù)名本質(zhì)就是一個變量名是指向某個對象的引用函數(shù)聲明方式字面量方式判斷函數(shù)是否為類型的中 Function類型 Function與函數(shù) 函數(shù)是這樣一段JavaScript代碼 它只定義一次 但可能被執(zhí)行或調(diào)用多次Function類型是J...
摘要:關(guān)于構(gòu)造函數(shù)有幾點需要特別注意構(gòu)造函數(shù)允許在運行時動態(tài)的創(chuàng)建并編譯函數(shù)。而函數(shù)本身的表示該函數(shù)的形參。每一個函數(shù)都包含不同的原型對象,當(dāng)將函數(shù)用作構(gòu)造函數(shù)的時候,新創(chuàng)建的對象會從原型對象上繼承屬性。 該文章以收錄: 《JavaScript深入探索之路》 前言 函數(shù)是這樣的一段JavaScript代碼,它只定義一次,但是可能被執(zhí)行或調(diào)用任意次。你可能已經(jīng)從諸如子例程或者過程這些名字里...
摘要:第二種情況是箭頭函數(shù)的如果指向普通函數(shù)它的繼承于該普通函數(shù)。箭頭函數(shù)的指向全局,使用會報未聲明的錯誤。 showImg(https://segmentfault.com/img/remote/1460000018610072?w=600&h=400); 箭頭函數(shù)是ES6的API,相信很多人都知道,因為其語法上相對于普通函數(shù)更簡潔,深受大家的喜愛。就是這種我們?nèi)粘i_發(fā)中一直在使用的API...
摘要:類型描述在中的所有函數(shù)都是類型的對象定義函數(shù)的方式函數(shù)聲明方式函數(shù)名函數(shù)體函數(shù)聲明方式定義函數(shù)函數(shù)聲明方式顯示函數(shù)聲明方式字面量方式函數(shù)名函數(shù)體字面量方式定義函數(shù)字面量方式顯示字面量方式構(gòu)造函數(shù)方式函數(shù)名參數(shù),函數(shù)體函數(shù)的參數(shù)和函數(shù)體,都以 Function類型 描述 在JavaScript中的所有函數(shù)都是Function類型的對象 定義函數(shù)的方式 函數(shù)聲明方式 function 函數(shù)...
閱讀 1123·2023-04-26 00:12
閱讀 3249·2021-11-17 09:33
閱讀 1061·2021-09-04 16:45
閱讀 1186·2021-09-02 15:40
閱讀 2146·2019-08-30 15:56
閱讀 2951·2019-08-30 15:53
閱讀 3548·2019-08-30 11:23
閱讀 1932·2019-08-29 13:54