javascript - 如何修改js函数的返回值？

问题描述

问 题

现需将弹出层封装成一组件，该弹出层组件包含取消和确定两个操作函数，返回值分别为false和true。请问该组件的返回值如何由这两个操作的返回值来决定？

代码如下：

 function tips(){
    //调用函数时，显示弹出层
    $('.mask').show();
    
    //取消
    $('.cancel').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        return false;
    });
    
    //确定
    $('.confirm').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        return true;
    });
}

我想要这样调用：

if( tips() ){
    do_something_true...
}else{
    do_something_false...
}

谢谢?

解决方案

function tips(cb){
    //调用函数时，显示弹出层
    $('.mask').show();
    
    //取消
    $('.cancel').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        cb(false);
    });
    
    //确定
    $('.confirm').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        cb(true);
    });
}

tips(function(ret){
  if(ret) {
     // blabla
  } else {
    // blabal
  }
});

如果要炫技，ES7里你可以酱：

function tips(){
  return new Promise(resolve => {
    //调用函数时，显示弹出层
    $('.mask').show();
    
    //取消
    $('.cancel').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        resolve(false);
    });
    
    //确定
    $('.confirm').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        resolve(true);
    });
  });
}

async function test() {
  if( await tips()) {
    // do_something_when_true...
  } else {
    // do_something_when_false
  }
  // 是不是熟悉的味道？Promsie是个好东西，async/await更是
}

这篇关于javascript - 如何修改js函数的返回值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！