अंतर == और === जावास्क्रिप्ट में

मैं आपको तुरंत चेतावनी देता हूं, हां, लेख थोड़ा गलत है, टिप्पणियों में आपका स्वागत है, काफी अच्छी स्पष्टीकरण हैं)।

शुभ दिन।

जावास्क्रिप्ट के दो समान ऑपरेटर हैं: == और ===। यदि आप उनके मतभेदों को नहीं जानते हैं, तो इसका परिणाम गलतियों का एक समूह हो सकता है। इसलिए मैंने इस विषय को खोलने का फैसला किया। वास्तव में == और === अलग कैसे हैं, वे कैसे काम करते हैं, ऐसा क्यों होता है, और त्रुटियों से कैसे बचा जाए।

ऑपरेटर == समानता पर तुलना करता है, लेकिन === - पहचान पर। === ऑपरेटर का लाभ यह है कि यह एक ही प्रकार के दो मान नहीं डालता है। यह इस वजह से है कि आमतौर पर इसका उपयोग किया जाता है।

abc == undefined; // true,  abc = undefined | null abc === undefined; // true -   abc = undefined! 

 abc == false; // true,  abc = false | 0 | '' | [] abc === false; // true,   abc = false! 

आखिरकार, झूठे और 0 (या '', या []) को भ्रमित करना शायद ही बहुत अच्छा हो।

बेशक:

 5 === 5; // true true === true; // true 'abc' === 'abc'; // true 

और अब एक दिलचस्प उदाहरण है।

 5 == 5; // true 5 === 5; // true new Number(5) == 5; // true new Number(5) === 5; // false! 

ऐसा क्यों हो रहा है? हां, कोई भी संख्या वर्ग संख्या की एक वस्तु है। लेकिन आप संख्या के रूप में एक संख्या की कल्पना कर सकते हैं - कुछ स्थिर। यह एक बार घोषित किया जाता है, और हमेशा खुद के लिए समान होता है। लेकिन एक ही समय में संख्या वर्ग की एक नई वस्तु की घोषणा करते हुए - यह इसके मूल्य के बराबर है, लेकिन समान नहीं है (क्योंकि ये संख्या वर्ग की दो पूरी तरह से अलग वस्तुएं हैं)।

Arrays / ऑब्जेक्ट्स

लेकिन सरणियों और वस्तुओं के लिए, दोनों ऑपरेटर समान तरीके से काम करते हैं, पहचान के लिए तुलना करते हैं:

 var a = {}; a == {}; // false a === {}; // false a == a; // true a === a; // true 

सरणियों और वस्तुओं की तुलना करने के लिए, आप एक विशेष कार्य लिख सकते हैं:

 function isEq(a, b){ if(a == b) return true; for(var i in a){ if(!isEq(a[i], b[i])) return false; } for(var i in b){ if(!isEq(a[i], b[i])) return false; } return true; } 

थोड़ा मैला, दो चक्र, और hasOwnProperty के बारे में भूल गया; खैर, यह होगा

यह <-

एक और गड्डा है। यह इसके लिए एक पास है।

 (function(){ this == 5; // true this === 5; // false }).call(5); 

यहाँ ऐसा क्षण है। इसके बारे में भूलना नहीं लायक है।

कुल ...

ठीक है, अब कल्पना करें कि हम अपने स्वयं के सुपर ढांचे को लिख रहे हैं, हम == ऑपरेटर को == के बजाय सक्रिय रूप से उपयोग करते हैं, क्योंकि यह पूर्ववर्ती है, और कोई हमारे साथ कई बग ढूंढता है।

 func(new Number(5)); (function(){ func(this); }).call(5); 

ऐसा लगता है कि ऐसे उदाहरण व्यवहार्य नहीं हैं? कृपया!

jQuery:

 $.each([1, 2, 3, 4, 5], function(){ func(this); }); 

खैर, या मैं आंकड़ा बढ़ाना चाहता था।

 var Five = new Number(5); Five.a = 2; //  ,   5   //  - ... func(Five); 

यह सब, मुझे आशा है कि कोई उपयोगी होगा। आपका ध्यान देने के लिए धन्यवाद।

युपीडी। लिंक सिंदूर 1 , जेएस गार्डन के लिए धन्यवाद।