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. html5 - ElementUI table中el-table-column怎么設置百分比顯示。2. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?3. 對mysql某個字段監控的功能4. css3 - less或者scss 顏色計算的知識應該怎么學?或者在哪里學?5. 注冊賬戶文字不能左右分離6. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能7. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦8. javascript - 數組的過濾和渲染9. html - vue項目中用到了elementUI問題10. JavaScript事件
