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. java - Spring使用@Autowired失效但是getBean()可以執行成功2. 在mac下出現了兩個docker環境3. angular.js - angular ui bootstrap 中文顯示問題4. css - input中transition 設置background-color過渡,chrome瀏覽器頁面初始化渲染會有過度效果5. javascript - node中為中間層如何解決跨域問題6. Python pyinstaller 打包后在其他電腦運行失敗7. 網絡傳輸協議 - 以下三種下載方式有什么不同?如何用python模擬下載器下載?8. 編程小白 問關于python當中類的方法的參數問題9. javascript - webpack打包問題10. python - 在django內如何讓后臺增加的文章自動加上是哪個用戶編輯的呢?
