【jquery】こんな便利な書き方ってありませんか？

Question

初心者の質問で大変恐縮ですが、どうぞよろしくお願いいたします。

ボタンクリックでネットワーク接続ありの場合だけ指定処理をするようなコードがたくさんあります。

$(document).on("click","button.A", function(){
　　if (navigator.onLine === false) {
　　　　console.log("ネットワークがだめ");	
　　}else{
　　　　// ネットワーク接続ありの場合だけ指定処理
　　} 
});

上記のネットワーク判定部分を他のところに書きたいのですが、そういう書き方はありますでしょうか？

例えば下記のように。

判定部分だけを「check_network()」として独立させて、ボタンクリックの部分での判定は一行で済ませたいというイメージです。

(もちろんこちらではできませんが)

function check_network(){
　　if (navigator.onLine === false) {
　　　　console.log("ネットワークがだめ");
　　}else{
　　　　// それぞれの指定処理をして
　　} 
}

$(document).on("click","button.A", function(){
　　　　check_network();
　　　　// ネットワーク接続ありの場合だけ指定処理
});

$(document).on("click","button.B", function(){
　　　　check_network();
　　　　// ネットワーク接続ありの場合だけ指定処理
});

ざっくりいいますと、『毎回 if と else を書きたくない』ということです。
イメージ、伝わりますでしょうか。
よい方法がござったら教えてください。宜しくお願い致します。

Answer 1

function check_network() {
  if ( navigator.onLine === false ) {
    console.log( "ネットワークがだめ" );
    return false;
  } else {
    // それぞれの指定処理をして
    return true;
  }
}

$( document ).on( "click", "button.A", function() {
    if ( !check_network() ) return;
    // ネットワーク接続ありの場合だけ指定処理
} );

$( document ).on( "click", "button.B", function() {
    if ( !check_network() ) return;
    // ネットワーク接続ありの場合だけ指定処理
} );

Comments

[marimon]

イケメン(⋈◍＞◡＜◍)。✧♡

Answer 2

どこまで厳密に確認したいか次第ですが、
今見ているサイトのサーバと通信出来る状態であるかを確認するだけであれば、疎通確認用のテキストファイルでもサーバに置いておいて、GETで取得出来るか確認するようなコードをcheck_network()に書けば良いかと思います。

Comments

[marimon]

すこし難しかったです。ありがとうございます。