Передача аргументов функции во время выполнения

Question

Я пытаюсь передать аргументы функции динамически. Я нашел много вопросов по теме на эту тему, но где-то я не получаю.

Моя проблема очень похожа на сценарий. Я использую квадратные скобки для имени функции и аргументов, но я не уверен, где я ошибаюсь.

Будет здорово, если кто-то может указать мне хорошую документацию по этому вопросу.

function myage(age) { 
    alert("My age is " + age + "!!"); 
} 

model = [{ 
    name : "Tom", 
    age : 30, 
    link : myage 
}, 
{ 
    name : "James", 
    age : 32, 
    link : myage 
}]; 

var elem; 
for(var i = 0; i < model.length ; i++) { 
    elem = '<li><a href="#" onclick=[' + model[i].link + '][' + model[i].age + ']>' + model[i].name + '</a></li>'; 
} 

Это ошибка, она не работает.

Answer 1

Поскольку вы строите строку в атрибуте onclick, свойство link должно быть именем функции, а не самой функцией. Затем вы должны поместить аргумент в круглые скобки после него, а не квадратные скобки.

function myage(age) { 
 
    alert("My age is " + age + "!!"); 
 
} 
 

 
model = [{ 
 
    name: "Tom", 
 
    age: "thirty", 
 
    link: "myage" 
 
}, { 
 
    name: "James", 
 
    age: 32, 
 
    link: "myage" 
 
}]; 
 

 
var elem; 
 
for (var i = 0; i < model.length; i++) { 
 
    elem = '<li><a href="#" onclick="' + model[i].link + '(\'' + model[i].age + '\')">' + model[i].name + '</a></li>'; 
 
    document.getElementById("container").innerHTML += elem; 
 
}

<ul id="container"></div>

Однако, если вы хотите, чтобы посмотреть ссылку, когда пользователь щелкает, вы можете сделать это. Вам нужно поставить литерал model[i] в атрибут onclick, а не в функцию.

function myage(age) { 
 
    alert("My age is " + age + "!!"); 
 
} 
 

 
model = [{ 
 
    name : "Tom", 
 
    age : 30, 
 
    link : myage 
 
}, 
 
{ 
 
    name : "James", 
 
    age : "thirty-two", 
 
    link : myage 
 
}]; 
 

 
var elem; 
 
for(var i = 0; i < model.length ; i++) { 
 
    elem = '<li><a href="#" onclick="model[' + i + '].link(\'' + model[i].age + '\')">' + model[i].name + '</a></li>'; 
 
    document.getElementById("container").innerHTML += elem; 
 
}

<ul id="container"></div>

Answer 2

похоже, что у вас есть указатель в неправильном месте. Поскольку «модель» - это массив, вы должны быть индексирующей моделью. Например: model[i].link