亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

js中(function(){…})()立即執(zhí)行函數(shù)寫法理解

YJNldm / 3056人閱讀

摘要：和是兩種立即執(zhí)行函數(shù)的常見寫法，最初我以為是一個(gè)括號(hào)包裹匿名函數(shù)，再在后面加個(gè)括號(hào)調(diào)用函數(shù)，最后達(dá)到函數(shù)定義后立即執(zhí)行的目的，后來發(fā)現(xiàn)加括號(hào)的原因并非如此。

javascript和其他編程語言相比比較隨意，所以javascript代碼中充滿各種奇葩的寫法，有時(shí)霧里看花，當(dāng)然，能理解各型各色的寫法也是對(duì)javascript語言特性更進(jìn)一步的深入理解。

( function(){…} )()和( function (){…} () )是兩種javascript立即執(zhí)行函數(shù)的常見寫法，最初我以為是一個(gè)括號(hào)包裹匿名函數(shù)，再在后面加個(gè)括號(hào)調(diào)用函數(shù)，最后達(dá)到函數(shù)定義后立即執(zhí)行的目的，后來發(fā)現(xiàn)加括號(hào)的原因并非如此。要理解立即執(zhí)行函數(shù)，需要先理解一些函數(shù)的基本概念。

  
函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)

函數(shù)聲明：function fnName () {…};使用function關(guān)鍵字聲明一個(gè)函數(shù)，再指定一個(gè)函數(shù)名，叫函數(shù)聲明。

函數(shù)表達(dá)式 var fnName = function () {…};使用function關(guān)鍵字聲明一個(gè)函數(shù)，但未給函數(shù)命名，最后將匿名函數(shù)賦予一個(gè)變量，叫函數(shù)表達(dá)式，這是最常見的函數(shù)表達(dá)式語法形式。

匿名函數(shù)：function () {}; 使用function關(guān)鍵字聲明一個(gè)函數(shù)，但未給函數(shù)命名，所以叫匿名函數(shù)，匿名函數(shù)屬于函數(shù)表達(dá)式，匿名函數(shù)有很多作用，賦予一個(gè)變量則創(chuàng)建函數(shù)，賦予一個(gè)事件則成為事件處理程序或創(chuàng)建閉包等等。

函數(shù)聲明和函數(shù)表達(dá)式不同之處在于:
1. Javascript引擎在解析javascript代碼時(shí)會(huì)‘函數(shù)聲明提升’（Function declaration
Hoisting）當(dāng)前執(zhí)行環(huán)境（作用域）上的函數(shù)聲明，而函數(shù)表達(dá)式必須等到Javascirtp引擎執(zhí)行到它所在行時(shí)，才會(huì)從上而下一行一行地解析函數(shù)表達(dá)式。
2. 函數(shù)表達(dá)式后面可以加括號(hào)立即調(diào)用該函數(shù)，函數(shù)聲明不可以，只能以fnName()形式調(diào)用 。

以下是兩者差別的兩個(gè)例子：

在理解了一些函數(shù)基本概念后，回頭看看( function(){…} )()和( function (){…} () )這兩種立即執(zhí)行函數(shù)的寫法，最初我以為是一個(gè)括號(hào)包裹匿名函數(shù)，并后面加個(gè)括號(hào)立即調(diào)用函數(shù)，當(dāng)時(shí)不知道為什么要加括號(hào)，后來明白，要在函數(shù)體后面加括號(hào)就能立即調(diào)用，則這個(gè)函數(shù)必須是函數(shù)表達(dá)式，不能是函數(shù)聲明。

可以看到輸出結(jié)果，在function前面加！、+、 -甚至是逗號(hào)等到都可以起到函數(shù)定義后立即執(zhí)行的效果，而（）、！、+、-、=等運(yùn)算符，都將函數(shù)聲明轉(zhuǎn)換成函數(shù)表達(dá)式，消除了javascript引擎識(shí)別函數(shù)表達(dá)式和函數(shù)聲明的歧義，告訴javascript引擎這是一個(gè)函數(shù)表達(dá)式，不是函數(shù)聲明，可以在后面加括號(hào)，并立即執(zhí)行函數(shù)的代碼。加括號(hào)是最安全的做法，因?yàn)椋　?、-等運(yùn)算符還會(huì)和函數(shù)的返回值進(jìn)行運(yùn)算，有時(shí)造成不必要的麻煩。

  
不過這樣的寫法有什么用呢？

javascript中沒用私有作用域的概念，如果在多人開發(fā)的項(xiàng)目上，你在全局或局部作用域中聲明了一些變量，可能會(huì)被其他人不小心用同名的變量給覆蓋掉，根據(jù)javascript函數(shù)作用域鏈的特性，可以使用這種技術(shù)可以模仿一個(gè)私有作用域，用匿名函數(shù)作為一個(gè)“容器”，“容器”內(nèi)部可以訪問外部的變量，而外部環(huán)境不能訪問“容器”內(nèi)部的變量，所以( function(){…} )()內(nèi)部定義的變量不會(huì)和外部的變量發(fā)生沖突，俗稱“匿名包裹器”或“命名空間”。JQuery使用的就是這種方法，將JQuery代碼包裹在( function (window,undefined){…jquery代碼…} (window)中，在全局作用域中調(diào)用JQuery代碼時(shí)，可以達(dá)到保護(hù)JQuery內(nèi)部變量的作用。

原文地址：http://dengo.org/archives/1004
變量提升的超贊講解：https://idiotwu.me/playing-with-javascript-function/
云課堂jquery源碼講解推薦：http://study.163.com/course/courseMain.htm?courseId=465001

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/85850.html

相關(guān)文章

  • javascript異步編程詳解

    摘要：在服務(wù)器端，異步模式甚至是唯一的模式，因?yàn)閳?zhí)行環(huán)境是單線程的，如果允許同步執(zhí)行所有請(qǐng)求，服務(wù)器性能會(huì)急劇下降，很快就會(huì)失去響應(yīng)。第三是，捕捉不到他的錯(cuò)誤異步編程方法回調(diào)函數(shù)這是異步編程最基本的方法。 前言 你可能知道，Javascript語言的執(zhí)行環(huán)境是單線程（single thread）。所謂單線程，就是指一次只能完成一件任務(wù)。如果有多個(gè)任務(wù)，就必須排隊(duì)，前面一個(gè)任務(wù)完成，再執(zhí)行后面...

    huangjinnan 評(píng)論0 收藏0

  • 深入理解javascript中的立即執(zhí)行函數(shù)(function(){…})()

    摘要：要理解立即執(zhí)行函數(shù)，需要先理解一些函數(shù)的基本概念。函數(shù)表達(dá)式使用關(guān)鍵字聲明一個(gè)函數(shù)，但未給函數(shù)命名，最后將匿名函數(shù)賦予一個(gè)變量，叫函數(shù)表達(dá)式，這是最常見的函數(shù)表達(dá)式語法形式。 javascript和其他編程語言相比比較隨意，所以javascript代碼中充滿各種奇葩的寫法，有時(shí)霧里看花，當(dāng)然，能理解各型各色的寫法也是對(duì)javascript語言特性更進(jìn)一步的深入理解。 ( functio...

    melody_lql 評(píng)論0 收藏0

  • 理解async/await

    摘要：所謂異步，就是調(diào)用在發(fā)出后，這個(gè)調(diào)用就直接返回了，調(diào)用者不會(huì)立即得到結(jié)果，但是不會(huì)阻塞，可以繼續(xù)執(zhí)行后續(xù)操作，而被調(diào)用者執(zhí)行得到結(jié)果后通過狀態(tài)事件來通知調(diào)用者使用回調(diào)函數(shù)來處理這個(gè)結(jié)果。另外狀態(tài)的回調(diào)函數(shù)是可省略的。 首先明確一個(gè)問題，為什么 Node.js 需要異步編程？ JavaScript 是單線程的，在發(fā)出一個(gè)調(diào)用時(shí)，在沒有得到結(jié)果之前，該調(diào)用就不返回，意思就是調(diào)用者主動(dòng)等待...

    luodongseu 評(píng)論0 收藏0

  • JavaScript中的立即執(zhí)行函數(shù)

    摘要：函數(shù)名可以省略省略函數(shù)名的話該函數(shù)就成為了匿名函數(shù)被傳入函數(shù)的參數(shù)的名稱一個(gè)函數(shù)最多可以有個(gè)參數(shù)這些語句組成了函數(shù)的函數(shù)體。使用那我們通常為什么使用函數(shù)立即表達(dá)式呢，以及我如何使用呢通常情況下，只對(duì)匿名函數(shù)使用這種立即執(zhí)行的函數(shù)表達(dá)式。 注：此文只在理解立即執(zhí)行函數(shù)，不在所謂原創(chuàng)，文中大量引用阮一峰的JavaScript標(biāo)準(zhǔn)參考教程、MDN的JavaScript 參考文檔和深入理解Ja...

    W4n9Hu1 評(píng)論0 收藏0

  • JS 閉包

    摘要：你可能經(jīng)?？吹竭@句話創(chuàng)建閉包的最常見的方式就是在一個(gè)函數(shù)內(nèi)創(chuàng)建另一個(gè)函數(shù)，通過另一個(gè)函數(shù)訪問這個(gè)函數(shù)的局部變量。這種現(xiàn)象稱之為閉包。雖然中沒有類這樣的機(jī)制，但是通過使用閉包，我們可以模擬出這樣的機(jī)制。 JS 閉包 JS編程的時(shí)候你一定遇到過這個(gè)問題：局部變量實(shí)現(xiàn)累加，看下面例子： function aotuadd(){ var a=1; a++; console...

    sihai 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<