admin管理员组文章数量:1426666
I want to change the function name inside of a for loop to something like this.
<script>
for (var x=1;x<10;x++){
function name_x(){
code
}
</script>
So, 10 functions are produced with the names name_1, name_2 etc.
Thanks
Edit:
This is what I need a for loop around to create 5 functions id_1, id_2, id_3, id_4, id_5
<html>
<head>
<script>
function id_1(a){
var id = document.getElementById(a);
if (id.innerHTML==="innerHTML2"){
id.innerHTML="innerHTML1";
}
else if (id.innerHTML==="innerHTML1"){
id.innerHTML="innerHTML2";
}
}
</script>
</head>
<body>
<a id="id1" href="javascript:id_1('id')">innerHTML1</a>
<a id="id2" href="javascript:id_2('id')">innerHTML1</a>
<a id="id3" href="javascript:id_3('id')">innerHTML1</a>
<a id="id4" href="javascript:id_4('id')">innerHTML1</a>
<a id="id5" href="javascript:id_5('id')">innerHTML1</a>
</body>
</html>
I want to change the function name inside of a for loop to something like this.
<script>
for (var x=1;x<10;x++){
function name_x(){
code
}
</script>
So, 10 functions are produced with the names name_1, name_2 etc.
Thanks
Edit:
This is what I need a for loop around to create 5 functions id_1, id_2, id_3, id_4, id_5
<html>
<head>
<script>
function id_1(a){
var id = document.getElementById(a);
if (id.innerHTML==="innerHTML2"){
id.innerHTML="innerHTML1";
}
else if (id.innerHTML==="innerHTML1"){
id.innerHTML="innerHTML2";
}
}
</script>
</head>
<body>
<a id="id1" href="javascript:id_1('id')">innerHTML1</a>
<a id="id2" href="javascript:id_2('id')">innerHTML1</a>
<a id="id3" href="javascript:id_3('id')">innerHTML1</a>
<a id="id4" href="javascript:id_4('id')">innerHTML1</a>
<a id="id5" href="javascript:id_5('id')">innerHTML1</a>
</body>
</html>
- 3 Why do u wanna do this? What will you do after creating these 10 functions? – Nishanth Nair Commented Mar 7, 2013 at 21:50
- 1 Generating lots of similarly-named function names seems to be a pretty strong code smell. Can you back up a little and explain the bigger picture of what you're trying to acplish? There's probably a better way with, say, arrays. – mellamokb Commented Mar 7, 2013 at 21:50
- Well, what I am trying to acplish is this. When I click on a link, it corresponds to a function and I want each function to do something differently. So if I have 10 links, I want 10 functions. – user2145975 Commented Mar 7, 2013 at 21:54
- @user2145975: Why don't you use anonymous functions? – Zeta Commented Mar 7, 2013 at 21:54
-
@user2145975: If the 10 links do 10 pletely different things, then give them 10 different sensible names corresponding to their behavior. If they are very similar and differ in a way that depends, say on the index number, then have all 10 links call the exact same function, and handle the differences with control flow logic and function arguments. For example, you can call
handleLink(this)to pass a reference to the source link, and do slightly different processing based on which link was clicked. – mellamokb Commented Mar 7, 2013 at 21:55
3 Answers
Reset to default 3This looks pretty nefarious, but if you're in a browser you could use window as the global object. Otherwise, define some object to house the methods:
var obj = {}, x;
for (x = 1; x < 10; x++) {
obj['name_' + x]() { /* code */ }
}
Then you can call via obj.name_1() or obj['name_1']().
You can create an array of functions instead:
var fs = [];
for (var x = 1; x < 10; x++){
fs.push( function() {
/* code */
});
}
fs[1](); // call second function
You could use an object instead, but I wouldn't remend it.
Since you have code that should apply directly to the link you clicked on, you can pass a reference to the link using this. Also, the javascript code will need to be placed in onclick, not href. If you need an href value to make it appear like a link, you can use #:
<a id="id1" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
Then you can use the argument passed in as a reference to the element (it is a good programming practice to use meaningful function names, so I've renamed the function to swapContents):
function swapContents(el){
if (el.innerHTML === "innerHTML2"){
el.innerHTML = "innerHTML1";
} else if (el.innerHTML === "innerHTML1"){
el.innerHTML = "innerHTML2";
}
}
Also, all elements should have a unique id value according to the HTML spec. If you want them to be unified in some way, give them the same class or name, or a custom made-up attribute:
<a id="id1" class="id" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
<a id="id2" class="id" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
<a id="id3" class="id" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
<a id="id4" class="id" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
<a id="id5" class="id" href="#" onclick="javascript:swapContents(this);">innerHTML1</a>
Demo: http://jsfiddle/V6yG9/
本文标签： How do you change a function name inside a for loop in javascriptStack Overflow
版权声明：本文标题：How do you change a function name inside a for loop in javascript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745445898a2658661.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论