javascript - jQuery each 方法第三個參數args 如何解釋?
問題描述
空閑的時候看看jq源碼,發現each方法、map方法、makeArray都申明了:僅限于內部使用(// arg is for internal usage only),查閱了大量資料都沒找到答案,就連jquery的api都只給出了前兩個參數的解釋,難道是調試用的?那怎么用呢?
源代碼// args is for internal usage only each: function( obj, callback, args ) {var value, i = 0, length = obj.length, isArray = isArraylike( obj );if ( args ) { if ( isArray ) {for ( ; i < length; i++ ) { value = callback.apply( obj[ i ], args ); if ( value === false ) {break; }} } else {for ( i in obj ) { value = callback.apply( obj[ i ], args ); if ( value === false ) {break; }} }// A special, fast, case for the most common use of each} else { if ( isArray ) {for ( ; i < length; i++ ) { value = callback.call( obj[ i ], i, obj[ i ] ); if ( value === false ) {break; }} } else {for ( i in obj ) { value = callback.call( obj[ i ], i, obj[ i ] ); if ( value === false ) {break; }} }}return obj; }
經過大量測試,我發現第三個參數還有限制,不能傳的類型有:數字,字符串,json等;只能傳數組;別的類型我就沒在一一測試了在傳入數組的時候,callback必須用和args數組中長度一樣多的參數來一一接收args數組中的值,如果數組中有三個值,callback只有一個形參,那么這個形參只能接收到args[0]的值。而且我們可以通過arguments來打印args中的所以傳過來的值(都是按照順序全部傳過來了的),其中一個測試代碼:
// 首先each我傳入了三個參數// 通過這種方式,我取到了a,b,c 的三個值分別為’wo’, ’ai’, ’ni’// 多次嘗試,我發現args傳過來的三個參數是按照順序排列好的,// 如果只有一個參數那么,我們就只能取到’wo’,// 當var arr = [5, 7, 5];$.each( arr, function(a, b, c){console.log(a); // ’wo’console.log(b); // ’ai’console.log(c); // ’ni’console.log(arguments); //['wo', 'ai', 'ni', callee: function, Symbol(Symbol.iterator): function]console.log(this) // 回調中的所有參數會根據each第一個參數的長度進行多次打印,所以每次打印的this都指向每一次的arr的值 }, [’wo’, ’ai’, ’ni’])參考
我發現在segmentfault 之前也有人問過這個問題,可惜沒有人給出答案/q/10...
問題解答
回答1:謝謝大家,問題解決了,我知道為什么了
相關文章:
1. css3 - 微信前端頁面遇到的transition過渡動畫的bug2. javascript - 請教如何獲取百度貼吧新增的兩個加密參數3. 網頁爬蟲 - Python 爬蟲中如何處理驗證碼?4. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處5. Python爬蟲如何爬取span和span中間的內容并分別存入字典里?6. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題7. mysql 一個sql 返回多個總數8. css - input間的間距和文字上下居中9. (python)關于如何做到按win+R再輸入文件文件名就可以運行?10. Python如何播放還存在StringIO中的MP3?
