已解決430363個問題，去搜搜看，總會有你想問的

JS在循環內應用函數

首頁猿問 JS在循環內應用函數

JS在循環內應用函數

JavaScript

HUWWW 2023-03-18 16:48:11

下面的代碼是 vanila JS 等價于 jQuery 的每個方法NodeList.prototype.each = function(fn) { for (var i = 0; i < this.length; i++) { fn.apply(this[i], [i, this[i]]); } return this;};有人可以解釋為什么使用參數索引“i”代碼調用函數：fn.apply(this[i], [i, this[i]]);

查看完整描述

1 回答

守候你守候我

TA貢獻1802條經驗獲得超10個贊

func.apply(thisArg, [argsArray])?:
thisArg：為調用func提供的this的值。
請注意，這可能不是該方法看到的實際值：如果該方法是非嚴格模式代碼中的函數，則 null 和 undefined 將被替換為全局對象，原始值將被裝箱。此參數是必需的。
argsArray：可選一個類似數組的對象，指定應調用 func 的參數，如果不應向函數提供參數，則指定 null 或 undefined。

就你而言：

this[i] 是屬于 NodeList 的當前元素。

每個都是添加到 NodeList 的新函數您可以稍后使用，例如.querySelectorAll('p')

這是一個例子：

NodeList.prototype.each = function(fn) {

? ? for (var i = 0; i < this.length; i++) {

? ? ? ? console.log('this[' + i + ']=' + this[i].outerHTML);

? ? ? ? fn.apply(this[i], [i, this[i]]);

? ? }

? ? return this;

};

document.querySelectorAll('p').each(function(idx, ele) {

? ? console.log('each call: idx=' + idx + ' and ele=' + ele.outerHTML);

})

1

2

3

反對回復 2023-03-18

1 回答
0 關注
153 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JS在循環內應用函數

JS在循環內應用函數

1 回答

添加回答