Javascript gọi hàm nhiều lần với các đối số

Question

Điều này không hoàn toàn cần thiết, tôi chỉ đang cố gắng đơn giản hóa mã của mình. Đây là những gì tôi có:

function fillWebsitePlaceFiller(number) { 
    document.getElementById("placefillerWebsite" + number).innerHTML = placefillerWebsite; 
    } 

      fillWebsitePlaceFiller(1); 
      fillWebsitePlaceFiller(2); 
      fillWebsitePlaceFiller(3); 
      fillWebsitePlaceFiller(4); 
      fillWebsitePlaceFiller(5); 
      fillWebsitePlaceFiller(6); 
      fillWebsitePlaceFiller(7); 

Có cách nào tôi có thể gọi hàm chỉ một lần và nó sẽ chạy qua 7 lần với mỗi đối số?

Answer 1

Phương pháp 1 - Lặp lại

for (var i = 1; i < 8; i++) fillWebsitePlaceFilter(i); 

Phương pháp 2 - đệ quy

(function repeat(number) { 
    fillWebsitePlaceFiller(number); 
    if (number < 7) repeat(number + 1); 
})(1); 

Phương pháp 3 - ứng dụng functor

[1, 2, 3, 4, 5, 6, 7].forEach(fillWebsitePlaceFiller); 

Phương pháp 4 - nội lặp

function fillWebsitePlaceFiller(times) { 
    for (var number = 1; number <= times; number++) { 
     document.getElementById("placefillerWebsite" + number).innerHTML = placefillerWebsite; 
    } 
} 

Phương pháp 5 - mở rộng chức năng hành vi

Function.prototype.sequence = function(from, to) { 
    for (var i = from; i <= to; i++) this.call(null, i); 
}; 

fillWebsitePlaceFiller.sequence(1, 7); 

Phương pháp 6 - XPath (cảnh báo: không kiểm tra)

var query = '//*[@id[starts-with(., "placefillerWebsite"]]'; 
var result = document.evaluate(query, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); 
while (var node = result.iterateNext()) node.innerHTML = placefillerWebsite; 

Answer 2

Một vòng lặp đơn giản!

for (var i = 1; i <= 7; ++i) { 
    fillWebsitePlaceFiller(i); 
} 

Hoặc, chỉ cần một cách dễ dàng, sửa đổi fillWebsitePlaceFiller làm riêng của mình cho vòng lặp:

function fillWebsitePlaceFiller() { 
    for (var i = 1; i <= 7; ++i) { 
     document.getElementById("placefillerWebsite" + i).innerHTML = placefillerWebsite; 
    } 
} 

Answer 3

Something như

function fillWebsitePlaceFiller(number) { 
     for(i =0; i < number; i++) 
     document.getElementById("placefillerWebsite" + i).innerHTML = placefillerWebsite; 
     } 

Answer 4

sử dụng một vòng lặp

function doTimes(number) { 
    for (var i = 0; i < number; i++) { 
     fillWebsitePlaceFiller(i); 
    } 
} 

doTimes(7); 

Answer 5

Với ES6 nó có thể được giải quyết thanh lịch hơn một chút:

[...Array(7)].forEach((_, i) => fillWebsitePlaceFiller(i + 1))