javascript - 如何修改js函數的回傳值?
ringa_lee
ringa_lee 2017-05-19 10:11:24
0
5
570
現在需將彈出層封裝成一元件,該彈出層元件包含「取消」和「確定」兩個操作函數,傳回值分別為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...
}
謝謝
ringa_lee
ringa_lee

ringa_lee

全部回覆(5)
淡淡烟草味
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更是
}
大家讲道理

雷雷

左手右手慢动作

加一個flag標誌吧,flag也可以用數字類似0,1表示。

function tips(){
    var flag = false;
    //调用函数时,显示弹出层
    $('.mask').show();
    
    //取消
    $('.cancel').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        flag = false;
    });
    
    //确定
    $('.confirm').on('click',function(){
        $('.mask').hide();    //隐藏弹出层
        flag = true;
    });
    return flag;
}
曾经蜡笔没有小新

剛學很笨的辦法
var tips_vla="";
function tips(){

//调用函数时,显示弹出层
$('.mask').show();
//取消
$('.cancel').on('click',function(){
    $('.mask').hide();    //隐藏弹出层
    tips_vla=0;
    al(tips_vla);
})
//确定
$('.confirm').on('click',function(){
    $('.mask').hide();    //隐藏弹出层
    tips_vla=1;
    al(tips_vla);
});

}
tips();
function al(){
if(tips_vla){

alert("你点击了确认");

}else{

  alert("你点击了取消");

}
}

滿天的星座

最懶的辦法,加個驚嘆號,嘻嘻嘻

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

當然了,最好在tips()函數裡面還要寫一句,return true

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!