blocks|key|699419|text|创建一个name+->+function映射：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|699420|var+funcs+=+{
++++'one':+setOne,
++++'two':+setTwo
++++/*...*/
};|code-block|syntax|javascript|699421|然后使用以下命令调用该函数：|699422|funcs[number]();|699423|entityMap^0|4|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Create a <code>name -&gt; function</code> map:

<pre><code>var funcs = {
 'one': setOne,
 'two': setTwo
 /*...*/
};
</code></pre>

Then you call the function with:

<pre><code>funcs[number]();
</code></pre>

blocks|key|699450|text|为什么你有三个函数来处理它呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|699451|var+number;
function+setNumber(n)+{
++++number+=+n;
}|code-block|syntax|javascript|699452|setNumber(1)会将数字设置为1|offset|length|style|CODE|699453|setNumber(2)会将数字设置为2|699454|ect|699455|entityMap^0|0|0|0|C|0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@$I|Y|J|Z|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

Why do you have three functions for that?

<pre><code>var number;
function setNumber(n) {
 number = n;
}
</code></pre>

<code>setNumber(1)</code> will set number to 1

<code>setNumber(2)</code> will set number to 2

ect

blocks|key|483621|text|假设您的函数在全局作用域中，请尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|483622|function+setOne()+{
++console.log('setOne+called');
}
function+setTwo()+{
++console.log('setTwo+called');
}
function+setThree()+{
++console.log('setThree+called');
}

var+number,+funcName;

number+=+'one';
funcName+=+'set'+%2B+number.charAt(0).toUpperCase()+%2B+number.slice(1);
window[funcName]();+//+output:+setOne+called

number+=+'two';
funcName+=+'set'+%2B+number.charAt(0).toUpperCase()+%2B+number.slice(1);
window[funcName]();+//+output:+setTwo+called

number+=+'three';
funcName+=+'set'+%2B+number.charAt(0).toUpperCase()+%2B+number.slice(1);
window[funcName]();+//+output:+setThree+called|code-block|syntax|javascript|483623|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Provided your functions are in the global scope, try:

<pre><code>function setOne() {
 console.log('setOne called');
}
function setTwo() {
 console.log('setTwo called');
}
function setThree() {
 console.log('setThree called');
}

var number, funcName;

number = 'one';
funcName = 'set' + number.charAt(0).toUpperCase() + number.slice(1);
window[funcName](); // output: setOne called

number = 'two';
funcName = 'set' + number.charAt(0).toUpperCase() + number.slice(1);
window[funcName](); // output: setTwo called

number = 'three';
funcName = 'set' + number.charAt(0).toUpperCase() + number.slice(1);
window[funcName](); // output: setThree called
</code></pre>

blocks|key|483645|text|就这么简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|483646|function+hello(){
++++alert("hello");
}
var+str+=+"hello";
eval(str%2B"()");|code-block|syntax|javascript|483647|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As simple as this is:

<pre><code>function hello(){
 alert("hello");
}
var str = "hello";
eval(str+"()");
</code></pre>

blocks|key|483675|text|如果变量详细说明了JQuery函数的实际名称，并且您希望将该函数应用于'body‘之类的DOM元素，则可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|483676|+$('body')['function-name']('params');|code-block|syntax|javascript|483677|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If the variable details the actual name of the JQuery function and you want to apply the function to a DOM element like 'body', you can do the following:

<pre><code> $('body')['function-name']('params');
</code></pre>

I have several jQuery function like <code>
function setOne();
setTwo(); setThree();</code>

and a variable <code>var number</code> that values respectively "one", "two", "three".

How can I call function "setOne()" when number values "one", function "setTwo" when number values "two" and so on...?

Thank you so much in advance. Any help will be apreciated.

calling a jQuery function named in a variable

jQuery

我有几个像function setOne(); setTwo(); setThree();这样的jQuery函数以及分别取值为“一”、“二”、“三”的变量var number。当Numer值为"one“时如何调用函数"setOne()”，当Numer值为"two“时如何调用函数"setTwo”，以此类推？非常感谢你提前...

问调用在变量中命名的jQuery函数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用在变量中命名的jQuery函数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用在变量中命名的jQuery函数
EN