                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery源碼解析（架構(gòu)與依賴模塊）

callback.apply(obj[i], args)這樣寫有問題

如果這樣寫，在回調(diào)函數(shù)中，只有通過this去取值了，。應(yīng)該寫成callback.apply(obj[i], i, obj[i], args)

慕雪5194257

2016-08-12

源自：jQuery源碼解析（架構(gòu)與依賴模塊） 2-11

關(guān)注問題我要回答

1941

操作

收起

3 回答

慕慕7300641
2018-07-27

each:?function(obj,?callback,?args)?{????
					var?value,????
						i?=?0,????
						length?=?obj.length,????
						isArray?=?isArraylike(obj);?//?判斷是不是數(shù)組????
					//?傳了第三個參數(shù)????
					if?(args)?{????
						if?(isArray)?{????
							for?(;?i?<?length;?i++)?{????
								//?相當(dāng)于:????
								//?args?=?[arg1,?arg2,?arg3];????
								//?callback(args1,?args2,?args3)。然后callback里邊的this指向了obj[i]????
								value?=?callback.apply(obj[i],?args);????
								if?(value?===?false)?{????
									//?注意到，當(dāng)callback函數(shù)返回值會false的時候，注意是全等！循環(huán)結(jié)束????
									break;????
								}????
							}????
							//?非數(shù)組????
						}?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?{????
						//?數(shù)組????
						//?其實(shí)這里代碼有點(diǎn)贅余，如果考慮代碼的簡潔性犧牲一點(diǎn)點(diǎn)性能????
						//?在處理數(shù)組的情況下，也是可以用?for(i?in?obj)的????
						if?(isArray)?{????
							for?(;?i?<?length;?i++)?{????
								//?相當(dāng)于callback(i,?obj[i])。然后callback里邊的this指向了obj[i]????
								value?=?callback.call(obj[i],?i,?obj[i]);????
								if?(value?===?false)?{????
									break;????
								}????
							}????
							//?非數(shù)組????
						}?else?{????
							for?(i?in?obj)?{????
								value?=?callback.call(obj[i],?i,?obj[i]);????
								if?(value?===?false)?{????
									break;????
								}????
							}????
						}????
					}????
					return?obj;????
				},

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕慕7300641
2018-07-27

each: function(obj, callback, args) {
	var value,
	i = 0,
	length = obj.length,
	isArray = isArraylike(obj); // 判斷是不是數(shù)組

	// 傳了第三個參數(shù)
	if (args) {
	if (isArray) {
	for (; i < length; i++) {
	// 相當(dāng)于:
	// args = [arg1, arg2, arg3];
	// callback(args1, args2, args3)。然后callback里邊的this指向了obj[i]
	value = callback.apply(obj[i], args);

	if (value === false) {
	// 注意到，當(dāng)callback函數(shù)返回值會false的時候，注意是全等！循環(huán)結(jié)束
	break;
	}
	}
	// 非數(shù)組
	} 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 {
	// 數(shù)組
	// 其實(shí)這里代碼有點(diǎn)贅余，如果考慮代碼的簡潔性犧牲一點(diǎn)點(diǎn)性能
	// 在處理數(shù)組的情況下，也是可以用 for(i in obj)的
	if (isArray) {
	for (; i < length; i++) {
	// 相當(dāng)于callback(i, obj[i])。然后callback里邊的this指向了obj[i]
	value = callback.call(obj[i], i, obj[i]);

	if (value === false) {
	break;
	}
	}
	// 非數(shù)組
	} else {
	for (i in obj) {
	value = callback.call(obj[i], i, obj[i]);

	if (value === false) {
	break;
	}
	}
	}
	}

	return obj;
	},