将JavaScript函数作为参数传递
如果函数不在“父”函数中执行或使用将JavaScript函数作为参数传递,javascript,function,parameters,Javascript,Function,Parameters,如果函数不在“父”函数中执行或使用eval(),如何将函数作为参数传递?(因为我已经读到它是不安全的。) 我有这个: addContact(entityId, refreshContactList()); 它可以工作,但问题是refreshContactList在调用函数时触发,而不是在函数中使用时触发 我可以使用eval()绕过它,但根据我所读的内容,这不是最佳实践。如何在JavaScript中将函数作为参数传递?您只需删除括号: addContact(entityId, refreshCo
eval()
,如何将函数作为参数传递?(因为我已经读到它是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList
在调用函数时触发,而不是在函数中使用时触发
我可以使用
eval()
绕过它,但根据我所读的内容,这不是最佳实践。如何在JavaScript中将函数作为参数传递?您只需删除括号:
addContact(entityId, refreshContactList);
然后,它传递函数而不首先执行它
以下是一个例子:
function addContact(id, refreshCallback) {
refreshCallback();
// You can also pass arguments if you need to
// refreshCallback(id);
}
function refreshContactList() {
alert('Hello World');
}
addContact(1, refreshContactList);
要将函数作为参数传递,只需删除括号
function ToBeCalled(){
alert("I was called");
}
function iNeedParameter( paramFunc) {
//it is a good idea to check if the parameter is actually not null
//and that it is a function
if (paramFunc && (typeof paramFunc == "function")) {
paramFunc();
}
}
//this calls iNeedParameter and sends the other function to it
iNeedParameter(ToBeCalled);
这背后的思想是函数与变量非常相似。而不是写作
function ToBeCalled() { /* something */ }
你不妨写信
var ToBeCalledVariable = function () { /* something */ }
两者之间有一些细微的区别,但无论如何,它们都是定义函数的有效方法。
现在,如果您定义一个函数并显式地将其分配给一个变量,那么您可以将其作为参数传递给另一个函数,而不需要括号:
anotherFunction(ToBeCalledVariable);
例1:
funct("z", function (x) { return x; });
function funct(a, foo){
foo(a) // this will return a
}
例2:
function foodemo(value){
return 'hello '+value;
}
function funct(a, foo){
alert(foo(a));
}
//call funct
funct('world!',foodemo); //=> 'hello world!'
JavaScript程序员中有一句话:“Eval是邪恶的”,所以要不惜一切代价避免它 除了Steve Fenton的答案,您还可以直接传递函数
function addContact(entity, refreshFn) {
refreshFn();
}
function callAddContact() {
addContact("entity", function() { DoThis(); });
}
您还可以使用JSON来存储和发送JS函数 检查以下各项:
var myJSON =
{
"myFunc1" : function (){
alert("a");
},
"myFunc2" : function (functionParameter){
functionParameter();
}
}
function main(){
myJSON.myFunc2(myJSON.myFunc1);
}
function myFunc1(){
alert('a');
}
function myFunc2 (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
这将打印“a”
以下内容与上述内容具有相同的效果:
var myFunc1 = function (){
alert('a');
}
var myFunc2 = function (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
这也具有与以下相同的效果:
var myJSON =
{
"myFunc1" : function (){
alert("a");
},
"myFunc2" : function (functionParameter){
functionParameter();
}
}
function main(){
myJSON.myFunc2(myJSON.myFunc1);
}
function myFunc1(){
alert('a');
}
function myFunc2 (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
以及使用类作为对象原型的对象范例:
function Class(){
this.myFunc1 = function(msg){
alert(msg);
}
this.myFunc2 = function(callBackParameter){
callBackParameter('message');
}
}
function main(){
var myClass = new Class();
myClass.myFunc2(myClass.myFunc1);
}
这里是另一种方法:
function a(first,second)
{
return (second)(first);
}
a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world
您也可以使用
eval()
执行相同的操作
//A function to call
function needToBeCalled(p1, p2)
{
alert(p1+"="+p2);
}
//A function where needToBeCalled passed as an argument with necessary params
//Here params is comma separated string
function callAnotherFunction(aFunction, params)
{
eval(aFunction + "("+params+")");
}
//A function Call
callAnotherFunction("needToBeCalled", "10,20");
就这样。我也在寻找这个解决方案,并尝试了其他答案中提供的解决方案,但最终从上面的示例中得到了效果。如果您想传递函数,只需按名称引用它,不带括号:
function foo(x) {
alert(x);
}
function bar(func) {
func("Hello World!");
}
//alerts "Hello World!"
bar(foo);
但有时您可能希望传递包含参数的函数,但在调用回调之前不调用它。为此,在调用它时,只需将其包装在匿名函数中,如下所示:
function foo(x) {
alert(x);
}
function bar(func) {
func();
}
//alerts "Hello World!" (from within bar AFTER being passed)
bar(function(){ foo("Hello World!") });
若您愿意,还可以使用该函数并使用第三个参数,即参数数组,如:
function eat(food1, food2)
{
alert("I like to eat " + food1 + " and " + food2 );
}
function myFunc(callback, args)
{
//do stuff
//...
//execute callback when finished
callback.apply(this, args);
}
//alerts "I like to eat pickles and peanut butter"
myFunc(eat, ["pickles", "peanut butter"]);
其实,似乎有点复杂,不是 获取方法作为参数:
function JS_method(_callBack) {
_callBack("called");
}
您可以作为参数方法给出:
JS_method(function (d) {
//Finally this will work.
alert(d)
});
其他答案很好地描述了正在发生的事情,但一个重要的“问题”是确保您通过的任何内容确实是对函数的引用 例如,如果传递的是字符串而不是函数,则会出现错误:
function function1(my_function_parameter){
my_function_parameter();
}
function function2(){
alert('Hello world');
}
function1(function2); //This will work
function1("function2"); //This breaks!
请参见我建议将参数放入数组中,然后使用
.apply()
函数将其拆分。所以现在我们可以很容易地传递一个有很多参数的函数,并以一种简单的方式执行它
function addContact(parameters, refreshCallback) {
refreshCallback.apply(this, parameters);
}
function refreshContactList(int, int, string) {
alert(int + int);
console.log(string);
}
addContact([1,2,"str"], refreshContactList); //parameters should be putted in an array
那件事使我毛骨悚然。我无法让上面的例子起作用,因此我以如下方式结束:
function foo(blabla){
var func = new Function(blabla);
func();
}
// to call it, I just pass the js function I wanted as a string in the new one...
foo("alert('test')");
这就像一种魅力。。。至少是我需要的。希望它能对您有所帮助。当您需要处理事件处理程序时,也需要将事件作为参数传递,大多数现代库(如react、angular)可能需要这样做 我需要在reactjs上使用一些自定义验证来覆盖OnSubmit函数(来自第三方库的函数),我传递了函数和事件,如下所示 本来
<button className="img-submit" type="button" onClick=
{onSubmit}>Upload Image</button>
@ StuffFeTon,考虑用H2OOOOOO评论更新您的答案,这将是非常有用的。基于这个问题,回调不接受参数,这就是为什么我把它们排除在示例之外的原因。我将添加一条评论。@Veverke它看起来像这样
addContact(1,函数(id){console.log(id);})代码>@Steve Fenton:读了你的回复后,我问自己为什么问…:-)ECMAScript中的类语法不会有=
符号<代码>类myFuncs{
而不是类myFuncs={
。您还需要在支持类语法的环境中运行(并非所有浏览器都支持它)。如果您仍在苦苦挣扎,它可能更适合于一个全新的问题,因为您的问题不是传递函数,而是一般的ES语法。您的顶级代码示例不是JSON。这是一个标准JavaScript对象。您也不能在JSON中发送/接收函数。这应该排得更高,因为他还介绍了如何通过JSON传递函数h arguments我要补充的一点是,这项功能本身——能够将JavaScript函数作为参数或变量等传递——正是这项功能使JavaScript如此强大,并且非常适合编写代码。我非常感谢JavaScript提供了这项功能,感谢您@dallin让我知道它的存在“将其包装在匿名函数中”示例,如果不明显,匿名函数将返回函数本身(带参数),并在到达func()中的括号时调用。这花了我一段时间才弄明白,所以我认为它可能会帮助其他人。这是所有答案中最清晰和最令人满意的。请解释你的答案。只要typeof paramFunc==“function”
就足够了,因为如果它不可调用,那么你可以忽略它。在第一个示例中,你应该添加return关键字,如下面所示:function func(a,foo){return foo(a)//这将返回a}否则将无法定义