जावास्क्रिप्ट वैरिएबल स्कोप

Question

के साथ समस्या मेरे पास एक परिवर्तनीय म्यूट यूज़र है जिसे मैं किसी अन्य फ़ंक्शन पर कायम रखना चाहता हूं। मुझे क्लिक ईवेंट के बाहर मौजूद चर के साथ कुछ परेशानी हो रही है। यह सुनिश्चित करने का सबसे अच्छा तरीका क्या होगा कि "वापसी म्यूट यूज़र" अगर कथन की शर्तों के आधार पर "म्यूट" स्ट्रिंग अतिरिक्त रखेगा? धन्यवाद!

* console.log के मुझे देखने के लिए जाँच कर रहे थे जहां दृढ़ता बंद हो जाता है

this.isUserMuted = function isUserMuted(payload) { 
    var mutedUser = ''; 
    // If mute button is clicked place them into muted users list 
    // check for duplicates in list 
    $("#messages-wrapper").off('click', '.message button.muteButton'); 
    $("#messages-wrapper").on('click', '.message button.muteButton', function(e) { 

     $('#unMute').show(); 

     //create userId reference variable 
     var chatUserID = parseInt($(this).parent().parent().attr("data-type")); 

     //store userId in muted user object 
     mutedUsers[chatUserID] = {}; 
     mutedUsers[chatUserID].id = chatUserID; 
     mutedUsers[chatUserID].muted = true; 

     if (mutedUsers[chatUserID] !== null && mutedUsers[chatUserID].id === payload.a) { 
      console.log("user is now muted"); 
      mutedUser += ' muted'; 
      console.log(mutedUser + 1); 
     } 
     console.log(mutedUser + 2); 
    }); 
    return mutedUser; 
}; 

Answer 1

कि चर में पारित करने के लिए, यानी अगर मैं समझ गया कि आप (कोड को देखकर) करने के लिए कोशिश कर रहे हैं क्या, इस का सबसे अच्छा तरीका हो सकता है है:

// If mute button is clicked place them into muted users list 
// check for duplicates in list 
$("#messages-wrapper").off('click', '.message button.muteButton'); 
$("#messages-wrapper").on('click', '.message button.muteButton', function(e) { 
    $('#unMute').show(); 

    //create userId reference variable 
    var chatUserID = parseInt($(this).parent().parent().attr("data-type")); 

    //store userId in muted user object 
    mutedUsers[chatUserID] = {}; 
    mutedUsers[chatUserID].id = chatUserID; 
    mutedUsers[chatUserID].muted = true; 
}); 

this.isUserMuted = function isUserMuted(payload) { 
    var mutedUser = ''; 

    if (mutedUsers[payload.a] !== null) { 
     mutedUser += ' muted'; 
    } 

    return mutedUser; 
}; 

कोड mutedUsers की सरणी बरकरार रखता है, और isUserMuted फ़ंक्शन चेक देता है यदि उपयोगकर्ता उस सरणी में उपलब्ध है।

this.isUserMuted = function isUserMuted(payload) { 
    return mutedUsers[payload.a] !== null ? ' muted' : ''; 
}; 

Answer 2

संपादित

क्षमा करें, मेरी गलती। एक और तरीका है

this.isUserMuted = function isUserMuted(payload, isMuted) { 
    isMuted = ''; 
    // If mute button is clicked place them into muted users list 
    // check for duplicates in list 
    $("#messages-wrapper").off('click', '.message button.muteButton'); 
    $("#messages-wrapper").on('click', '.message button.muteButton', function(e) { 

     $('#unMute').show(); 

     //create userId reference variable 
     var chatUserID = parseInt($(this).parent().parent().attr("data-type")); 

     //store userId in muted user object 
     mutedUsers[chatUserID] = {}; 
     mutedUsers[chatUserID].id = chatUserID; 
     mutedUsers[chatUserID].muted = true; 

     if (mutedUsers[chatUserID] !== null && mutedUsers[chatUserID].id === payload.a) { 
      console.log("user is now muted"); 
      isMuted += ' muted'; 
      console.log(mutedUser + 1); 
     } 
     console.log(mutedUser + 2); 
    }); 
    return isMuted; 
}; 

Answer 3

आप नहीं कर सकते हैं: कोड आपके द्वारा दी गई है, तो आप एक नया ईवेंट हैंडलर हर बार isUserMuted समारोह कहा जाता है ..

isUserMuted समारोह भी के लिए छोटा किया जा सकता है देते हैं। यदि आप फ़ंक्शन से स्ट्रिंग वापस करते हैं, तो यह हमेशा मूल्य से पारित किया जाएगा, यानी कॉपी किया गया है; और इसका मूल्य अब और नहीं बदलेगा। आपको ऐसे फ़ंक्शन को वापस करने की आवश्यकता होगी जो स्थानीय चर के वर्तमान मान या किसी ऑब्जेक्ट को बदलने वाली किसी ऑब्जेक्ट को एक्सेस कर सके।

आप पहले से ही एक वस्तु है लगता है के रूप में, विकल्प # 2 अच्छी तरह से यहाँ में फिट होगा:

function User() { // or whatever you have 
    … 

    var user = this; 
    // If mute button is clicked place them into muted users list 
    // check for duplicates in list 
    $("#messages-wrapper").on('click', '.message button.muteButton', function(e) { 

     $('#unMute').show(); 

     //store userId in muted user object 
     mutedUsers[user.id] = user; 
     user.muted = true; 
    }); 
    this.muted = false; 
    this.isUserMuted = function() { 
     return this.muted ? ' muted' : ''; 
    } 
}