javascript - with - js get function arguments




Передайте функцию JavaScript как параметр (9)

Вам просто нужно удалить скобки:

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);

Как передать функцию как параметр без функции, выполняемой в «родительской» функции или с помощью eval() ? (Поскольку я читал, что это небезопасно.)

У меня есть это:

addContact(entityId, refreshContactList());

Он работает, но проблема в том, что refreshContactList срабатывает, когда вызывается функция, а не когда она используется в функции.

Я мог обойти это, используя eval() , но это не лучшая практика, согласно тому, что я прочитал. Как передать функцию в качестве параметра в JavaScript?


Вот еще один подход:

function a(first,second)    
{        
return (second)(first);           
}     

a('Hello',function(e){alert(e+ ' world!');}); //=> Hello world     

Вы также можете использовать 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);
}

И парадигма объекта с использованием класса как прототипа объекта:

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 function1(my_function_parameter){
    my_function_parameter();   
}

function function2(){
 alert('Hello world');   
}

function1(function2); //This will work

function1("function2"); //This breaks!

См. JsFiddle


На самом деле, кажется немного сложным, нет.

get method в качестве параметра:

 function JS_method(_callBack) { 

           _callBack("called");  

        }

Вы можете указать метод параметров:

    JS_method(function (d) {
           //Finally this will work.
           alert(d)
    });

Некоторое время, когда вам нужно иметь дело с обработчиком событий, необходимо передать событие также как аргумент, большинству современной библиотеки, например, реагировать, угловато, может понадобиться это.

Мне нужно переопределить функцию OnSubmit (функцию из сторонней библиотеки) с некоторой выборочной проверкой на responsejs, и я передал функцию и событие как показано ниже

ИЗНАЧАЛЬНО

    <button className="img-submit" type="button"  onClick=
 {onSubmit}>Upload Image</button>

СДЕЛАЛ НОВУЮ ФУНКЦИЮ, upload и вызываемую, переданную в качестве аргумента в качестве аргумента и события

<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);
}

Существует фраза среди программистов JavaScript: «Eval is Evil», поэтому старайтесь избегать этого любой ценой!

В дополнение к ответу Стива Фентона вы также можете передавать функции напрямую.

function addContact(entity, refreshFn) {
    refreshFn();
}

function callAddContact() {
    addContact("entity", function() { DoThis(); });
}

Чтобы передать функцию в качестве параметра, просто удалите скобки!

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);

Я предлагаю поместить параметры в массив, а затем разделить их, используя .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




parameters