今天在做編程練習(xí)的時候發(fā)現(xiàn)了兩個問題(function($){})(jQuery)和$(function(){})的不同就是在于一個是預(yù)先定義好的一個是在DOM加載后執(zhí)行預(yù)先定義好的函數(shù)，不知道這樣理解對不對？比較迷惑的是另一個，有的帖子說(function($){...})(jQuery) 是等于(function(arg){...})(param)相當(dāng)于定義了一個參數(shù)為arg的匿名函數(shù)，并且將param作為參數(shù)來調(diào)用這個匿名函數(shù)。這個地方怎么理解？求指教
3 回答
已采納
hussion
TA貢獻(xiàn)5條經(jīng)驗 獲得超7個贊
首先：(function($){})(jQuery)和$(function(){})是沒有任何關(guān)系的，前者只是一個IIFE，后者只是一個普通的高階函數(shù)jQuery function，然后傳入一個參數(shù)function。
其次：(function($){...})(jQuery) 是等于(function(arg){...})(param)這都是一個IIFE。
最后: IIFE --> 快速執(zhí)行表達(dá)式，同時也是一個閉包。
東吳老大
TA貢獻(xiàn)2條經(jīng)驗 獲得超2個贊
(function($){})(jQuery)可以分作兩部來解讀：
????1，定義函數(shù)function fun(param){}
????2,立即調(diào)用fun(jQuery),傳入的參數(shù)是jQuery對象
????*注：只是定義的并非名為fun的函數(shù)，而是匿名函數(shù)
???????? 改寫法多用于無論$是否已被其他庫占用，匿名函數(shù)內(nèi)都可用$來引用jQuery對象
$(function(){})表示傳入jQuery構(gòu)造函數(shù)的是一個function
當(dāng)構(gòu)造函數(shù)為function時jQuery對象會將該函數(shù)綁定到DOMContentLoaded（不存在則綁定到window.onload）事件句柄上
表示文檔或整個window內(nèi)容資源加載完畢再執(zhí)行傳入的function
這種寫法是為了防止在DOM元素還未加載之前js代碼就過早操作該DOM元素而引發(fā)錯誤的情況
兩者并沒有太多聯(lián)系。
-
Raynau你的解答很好很詳細(xì)，可能因為我提問沒問清楚，我看了你們的回答再百度了一下IIFE就大致明白了，但是只能采納一個答案，還是很感謝你的詳細(xì)解答。
- 3 回答
- 1 關(guān)注
- 2032 瀏覽
添加回答
舉報
0/150
提交
取消