主页 / 问题 / 693124
Accepted
Tima
Asked:2020-07-17 16:01:41 +0000 UTC2020-07-17 16:01:41 +0000 UTC

是否可以从一个函数调用另一个函数的回调？JS

  • 772

我有一个带有消息的块，它由 showMessage() js 函数调用 假设这是块：

<div>
    <label>Вопрос</label>
    <input value="Да" onclick="messageYes();" type="submit">
    <input value="Нет" onclick="messageNo();" type="submit">
    <input value="Отмена" onclick="messageCansel();" type="submit">
</div>

记者：

function hideMessage(){

}
function messageYes(){

}
function messageNo(){

}
function messageCansel(){

}
function showMessage(error, text, callback){
    При вызове одной из вышеперечисленных функций, нужно вызвать callback. Либо реализовать это так, чтобы callback вызывался при клике на кнопки.
}
javascript

1 个回答

  1. Best Answer

    使用了错误的方法。

    在当前形式下，这三个函数与showMessage. 正因为如此，唯一的解决办法就是showMessage将传递过来的回调写入函数内部的一个全局变量，然后在指定的函数中使用：

    var globalCallback;
function messageCancel(){
    ...
    globalCallback(...);
    ...
}
function showMessage(error, text, callback){
    ...
    globalCallback = callback;
    ...
}

    相反，您可以简单地从脚本中分配处理程序，并将所需的回调传递给它们，例如：

    function hideMessage(el) {
  console.log('hide');
  $(el).closest('.msg').remove();
}

function messageYes(callback) {
  console.log('messageYes');
  callback(this);
}

function messageNo(callback) {
  console.log('messageNo');
  callback(this);
}

function messageCancel(callback) {
  console.log('messageCancel');
  callback(this);
}

function showMessage(error, text, callback) {
  $('.template').clone().toggleClass('template').appendTo('body') // создаем элемент для сообщения
    // добавляем обработчики для кнопок
    .find('.yes').click(function() {
      messageYes.call(this, callback);
    }).end()
    .find('.no').click(function() {
      messageNo.call(this, callback);
    }).end()
    .find('.cancel').click(function() {
      messageCancel.call(this, callback);
    });
};

function show() {
  showMessage('', '', hideMessage);
}
    .template {
  display: none;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="msg template">
  <label>Вопрос</label>
  <input value="Да" class="yes" type="submit">
  <input value="Нет" class="no" type="submit">
  <input value="Отмена" class="cancel" type="submit">
</div>

<input type="button" value="show message" onclick="show()" />

    • 2

相关问题