Supratimas apie == vs === naudojimą JavaScript

Tinkamo „JavaScript“ operatoriaus „Equals“ pasirinkimas

Rašant „JavaScript“ vertėms palyginti dažnai naudojami lygybės operatoriai. Jums gali kilti klausimas, ar naudoti `==` ar `===`, ypač kai tokie įrankiai kaip JSLint siūlo `==` pakeisti `===`. Šiame straipsnyje nagrinėjami šių dviejų operatorių skirtumai ir jų įtaka našumui.

Naudojant `===` užtikrinama griežta lygybė lyginant vertę ir tipą, o naudojant `==` galima konvertuoti tipą lyginant. Šių operatorių niuansų supratimas gali padėti pagerinti kodavimo praktiką ir galbūt pagerinti „JavaScript“ programų našumą.

„JavaScript“ lygybės operatorių supratimas

Aukščiau pateiktuose pavyzdžiuose sukurti scenarijai parodo, kaip naudojamas === operatorius griežtam palyginimui ir == operatorius, kad būtų galima laisvai palyginti „JavaScript“. Pirmajame scenarijuje įvykių klausytojas nustatomas naudojant addEventListener('DOMContentLoaded') kad įsitikintumėte, jog DOM yra visiškai įkeltas prieš bandant pasiekti elementą naudojant getElementById. Tada scenarijus patikrina, ar įvesties vertės ilgis yra lygus nuliui value.length ir registruoja pranešimą konsolėje, jei sąlyga įvykdoma. Tai parodo, kaip griežtas palyginimas (tikrinama vertė ir tipas) ir laisvas palyginimas (leidžiantis konvertuoti tipą) gali paveikti kodo veikimą.

Backend pavyzdyje paprastas HTTP serveris sukuriamas naudojant createServer iš Node.js http modulis. Serveris klauso gaunamų užklausų, analizuoja URL, kad išgautų užklausos parametrus split('?')ir patikrina, ar konkretus parametras yra tuščias. Tada jis atsako atitinkamais pranešimais, nustatydamas antraštes su writeHead ir siųsti atsakymus naudojant res.end. Serveris klausosi 8080 prievado, nurodyto listen komandą. Šie pavyzdžiai parodo praktinį lygybės operatorių pritaikymą tiek priekinėje, tiek užpakalinėje aplinkoje, pabrėžiant tinkamo operatoriaus pasirinkimo svarbą siekiant užtikrinti tikslius ir efektyvius palyginimus.

// Example of using === for strict comparison
document.addEventListener('DOMContentLoaded', function() {
    let idSele_UNVEHtype = document.getElementById('idSele_UNVEHtype');
    if (idSele_UNVEHtype.value.length === 0) {
        console.log('The input value is empty');
    }
});

// Example of using == for loose comparison
document.addEventListener('DOMContentLoaded', function() {
    let idSele_UNVEHtype = document.getElementById('idSele_UNVEHtype');
    if (idSele_UNVEHtype.value.length == 0) {
        console.log('The input value is empty');
    }
});

const http = require('http');

http.createServer((req, res) => {
    let idSele_UNVEHtype = req.url.split('?')[1];
    if (idSele_UNVEHtype && idSele_UNVEHtype.length === 0) {
        res.writeHead(200, {'Content-Type': 'text/plain'});
        res.end('The input value is empty');
    } else {
        res.writeHead(200, {'Content-Type': 'text/plain'});
        res.end('Input value is not empty');
    }
}).listen(8080);

console.log('Server running at http://localhost:8080/');

Tinkamo lygybės operatoriaus pasirinkimas „JavaScript“.

Kitas svarbus aspektas, į kurį reikia atsižvelgti renkantis == ir === „JavaScript“ yra tai, kaip jie tvarko palyginimus, kuriuose naudojami skirtingi duomenų tipai. The == operatorius atlieka tipo prievartą, ty prieš palygindamas vieną ar abi reikšmes konvertuoja į bendrą tipą. Tai gali sukelti netikėtų rezultatų, ypač kai kalbama apie neprimityvius tipus, pvz., objektus ar masyvus. Pavyzdžiui, lyginant tuščią masyvą su tuščia eilute naudojant == grįš tiesa, o tai gali būti ne numatytas elgesys.

Kita vertus, === operatorius neatlieka tipo prievartos, užtikrindamas, kad reikšmė ir tipas turi būti vienodi, kad palyginimas būtų teisingas. Tai daro === saugesnis ir labiau nuspėjamas pasirinkimas palyginimams, nes pašalina galimus tipo keitimo spąstus. Naudojant === taip pat gali pagerinti kodo skaitomumą ir priežiūrą, nes tai aiškiai parodo programuotojo ketinimus. Todėl, kol == gali būti naudinga tam tikrais atvejais, === paprastai teikiama pirmenybė dėl griežto ir nuspėjamo elgesio.

„JavaScript“ lygybės operatorių geriausia praktika

Kitas svarbus aspektas, į kurį reikia atsižvelgti renkantis == ir === „JavaScript“ yra tai, kaip jie tvarko palyginimus, kuriuose naudojami skirtingi duomenų tipai. The == operatorius atlieka tipo prievartą, ty prieš palygindamas vieną ar abi reikšmes konvertuoja į bendrą tipą. Tai gali sukelti netikėtų rezultatų, ypač dirbant su neprimityviais tipais, pvz., objektais ar masyvais. Pavyzdžiui, lyginant tuščią masyvą su tuščia eilute naudojant == grįš tiesa, o tai gali būti ne numatytas elgesys.

Kita vertus, === operatorius neatlieka tipo prievartos, užtikrindamas, kad vertė ir tipas turi būti vienodi, kad palyginimas būtų teisingas. Tai daro === saugesnis ir labiau nuspėjamas pasirinkimas palyginimams, nes pašalina galimus tipo keitimo spąstus. Naudojant === taip pat gali pagerinti kodo skaitomumą ir priežiūrą, nes tai aiškiai parodo programuotojo ketinimus. Todėl, kol == gali būti naudinga tam tikrais atvejais, === paprastai teikiama pirmenybė dėl griežto ir nuspėjamo elgesio.