如何在不通过“父”函数执行或不使用函数的情况下将函数作为参数传递eval()
?(因为我已经读到它是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList
在调用函数时触发,而不是在函数中使用时触发。
eval()
根据我所读的内容,我可以使用来解决它,但这不是最佳实践。如何在JavaScript中将函数作为参数传递?
如何在不通过“父”函数执行或不使用函数的情况下将函数作为参数传递eval()
?(因为我已经读到它是不安全的。)
我有这个:
addContact(entityId, refreshContactList());
它可以工作,但问题是refreshContactList
在调用函数时触发,而不是在函数中使用时触发。
eval()
根据我所读的内容,我可以使用来解决它,但这不是最佳实践。如何在JavaScript中将函数作为参数传递?
Answers:
您只需要删除括号:
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);
addContact(1, function(id) { console.log(id); });
=
符号... class myFuncs {
而不是class myFuncs = {
。您还需要在支持类语法的环境中运行(并非所有浏览器都支持它)。如果您仍在挣扎,那么它可能更适合于一个全新的问题,因为您的问题不在于传递函数,而是通用的ES语法。
如果要传递函数,只需按名称引用而不带括号即可:
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!") });
如果愿意,还可以使用apply函数,并使用第三个参数,它是参数数组,例如:
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"]);
范例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!'
要将函数作为参数传递,只需移除括号!
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);
typeof paramFunc == "function"
是不够的,因为如果它不是可调用的,那么你可以忽略它。
我建议将参数放入数组中,然后使用.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
您也可以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");
而已。我也在寻找此解决方案,并尝试了其他答案中提供的解决方案,但最终从上述示例中获得了解决方案。
其实似乎有点复杂,不是。
get方法作为参数:
function JS_method(_callBack) {
_callBack("called");
}
您可以给出一个参数方法:
JS_method(function (d) {
//Finally this will work.
alert(d)
});
有时,当您需要处理事件处理程序,因此也需要将事件作为参数传递时,大多数现代库(如react,angular)可能都需要此方法。
我需要在reactjs上使用一些自定义验证来覆盖OnSubmit函数(来自第三方库的函数),并且我将函数和事件都传递如下
本来
<button className="img-submit" type="button" onClick=
{onSubmit}>Upload Image</button>
制作了新功能,upload
并以传递onSubmit
和事件作为参数进行调用
<button className="img-submit" type="button" onClick={this.upload.bind(this,event,onSubmit)}>Upload Image</button>
upload(event,fn){
//custom codes are done here
fn(event);
}
您也可以使用JSON来存储和发送JS函数。
检查以下内容:
var myJSON =
{
"myFunc1" : function (){
alert("a");
},
"myFunc2" : function (functionParameter){
functionParameter();
}
}
function main(){
myJSON.myFunc2(myJSON.myFunc1);
}
这将打印“ a”。
以下内容与上述内容具有相同的作用:
var myFunc1 = function (){
alert('a');
}
var myFunc2 = function (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
这也具有以下相同的效果:
function myFunc1(){
alert('a');
}
function myFunc2 (functionParameter){
functionParameter();
}
function main(){
myFunc2(myFunc1);
}
还有一个使用Class作为对象原型的对象范例:
function Class(){
this.myFunc1 = function(msg){
alert(msg);
}
this.myFunc2 = function(callBackParameter){
callBackParameter('message');
}
}
function main(){
var myClass = new Class();
myClass.myFunc2(myClass.myFunc1);
}