Блог

У меня возникли проблемы с поиском некоторой информации, и это почти наверняка потому, что я не знаю правильной терминологии для того, что я делаю. Когда я ищу информацию о переменных в функции обратного вызова, код не совпадает с тем, что я пытаюсь сделать здесь.

У меня есть некоторый код 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
});
  

Однако, когда я делаю это подобным образом, это не работает должным образом.

Как бы мне этого добиться?

Вы можете достичь этого, изменив область действия функции или используя замыкания.

1-й:

 notifyClick: functionNameHere.bind('variableContentWouldbeHere');
  

И ваш контекст внутри реализации «functionNameHere» является вашим аргументом.

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

2-й:

Использование замыканий

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

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

Я не совсем уверен, что вы пытаетесь сделать, но я предполагаю, может быть, вам нужно что-то вроде этого:

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

Вы не можете повлиять на то, как вызывается обратный вызов, это определяет код в классе Notify. Если вы попытаетесь передать это, как во втором примере, функция «functionNameHere» будет вызвана немедленно, и ее результат будет передан конструктору Notify в качестве функции обратного вызова, что не то, что вы хотите.

Что вы могли бы сделать, так это сделать вашу функцию functionNameHere оболочкой, которая возвращает другую функцию, которая будет использоваться в качестве обратного вызова.

Вы могли бы передать анонимную функцию, которая вызывает вашу функцию следующим образом:

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