JavaScriptコールバックで変数を渡す

Question

私はいくつかの情報を見つけるのに苦労しています。私がやっていることについて正しい用語が分からないので、ほぼ確実です。私がコールバック関数の変数に関する情報を検索するとき、コードは私がここでやろうとしているものと同じではありません。

私はいくつかのJavaScriptコードを持って、これはその一部です：

var myNotification = new Notify('Notification Title', { 
    body: 'message goes here', 
    icon: "/icon.png", 
    tag: 'for app use', 
    notifyClick: functionNameHere, 
    timeout: 10 
}); 

「functionNameHere」の部分は、このスクリプトによって作成された通知がクリックされたときに呼び出される他の関数の名前です。

は、私はそれと一緒に変数を渡すことができるようにする必要がありますので、基本的に私は何をする必要があるかです：

var myNotification = new Notify('Notification Title', { 
    body: 'message goes here', 
    icon: "/icon.png", 
    tag: 'for app use', 
    notifyClick: functionNameHere('variableContentWouldbeHere'), 
    timeout: 10 
}); 

しかし、私はそれを行う際に、それが正常に動作しないことのように。

これをどのように達成できますか？

Answer 1

関数のスコープを変更したり、クロージャを使用したりすることで、これを実現できます。

第一：

notifyClick: functionNameHere.bind('variableContentWouldbeHere'); 

そして、あなたのコンテキスト "functionNameHere" 実装の内部には、あなたの引数です。

function functionNameHere() { 
    console.log(this === 'variableContentWouldbeHere'); //true 
} 

第二：私は全くわからない

var myNotification = new Notify('Notification Title', { 
    body: 'message goes here', 
    icon: "/icon.png", 
    tag: 'for app use', 
    notifyClick:() => functionNameHere('variableContentWouldbeHere'), 
    timeout: 10 
}); 

Answer 2

コールバックの呼び出し方法に影響を与えることはできません。Notifyクラスのコードは、コールバックの呼び出し方法に影響しません。 2番目の例のように渡すと、関数 "functionNameHere"がすぐに呼び出され、その結果がコールバック関数としてNotifyコンストラクタに渡されます。これはあなたが望むものではありません。

functionNameHere関数をコールバックとして使用される別の関数を返すラッパーにすることができます。

Answer 3

を使用しますが、このようなあなたの関数を呼び出す匿名関数を渡すことができます何をしようとしているのですか？ uessは、あなたがこのようなものが必要になることがあります。

var myVariable = {}; 
var myNotification = new Notify('Notification Title', { 
    body: 'message goes here', 
    icon: "/icon.png", 
    tag: 'for app use', 
    notifyClick: function(e){ 
     functionNameHere(myVariable); 
    }, 
    timeout: 10 
}); 

Answer 4

var myNotification = new Notify('Notification Title', { 
    body: 'message goes here', 
    icon: "/icon.png", 
    tag: 'for app use', 
    notifyClick: function(){ 
    functionNameHere('variableContentWouldbeHere');  
    }, 
    timeout: 10 
}); 

Answer 5

：

閉鎖に

notifyClick: function() { functionNameHere('variableContentWouldbeHere'); }