Dit is een deel van mijn essentials serie. Het zijn niet de meest opwindende posts. Maar het is belangrijk om deze grondbeginselen te kennen om te begrijpen waarom JS de dingen doet die het doet. Het zal je helpen om beter te debuggen omdat je weet waarom dingen niet werken en je helpen om van een junior ontwikkelaar naar een intermediate ontwikkelaar te gaan. Laten we gaan! 💪
Values in JS hebben een inherente Boolean waarde geassocieerd met. Het is dus superbelangrijk om te weten waar die waarden op geëvalueerd zouden worden (waar of onwaar), vooral als het gaat om vergelijkingen en conditionals 🤓
Ik gebruik het om te proberen uit te zoeken welke waarden waar zouden zijn. Doe dat niet. In plaats daarvan, onthoud welke waarden Falsy zijn. Als het niet op de lijst staat, wordt het als waar beschouwd 👍
// JS Essentials: Falsy ValuesfalseundefinednullNaN0 or +0 or -0"" or '' or `` (empty string)// Everything else is truthy# Waarden die eigenlijk waar zijn
Hier zijn enkele voorbeeldwaarden waarvan u misschien dacht dat ze waar waren (ik in ieder geval wel), maar die in werkelijkheid evalueren naar true. Onthoud dat als het niet op de false lijst staat, het true is!
// All these will return **true**Boolean(); // Empty Boolean({}); // Empty {}Boolean('0'); // String containing zeroBoolean('false'); // String containing the text falseBoolean(function() {}); // Empty functionBoolean(-Infinity); // Infinity or Negative InfinityBoolean(new Date()); // Date object# Falsy Value in Conditional Statements gebruiken
Omdat elke waarde in JS evalueert naar een booleaans (true of false). We kunnen onze voorwaarde verkorten in de if verklaring.
// ❌if(false === null)if(undefined === null)if(null === null)if(NaN === null)if(0 === null)if("" === null)if(value === null)// ✅ Much betterif(!value)# Falsy waarde gebruiken in Ternary Operators
Ook kunt u het gebruiken om uw voorwaarde te verkorten in de ternaire operatoren.
// ❌'' === false ? '🙂' : '🙃';// ✅ Much better'' ? '🙂' : '🙃';# Falsy waarde gebruiken in Logische Operatoren
Hier is een interessante. Je kunt || en && gebruiken om een waarde terug te geven. Zeker weten welke waarde falsy en truthy is, is super belangrijk.
|| vergelijkingen stoppen zodra een truthy expressie is geëvalueerd
const or = '' || 'hi'; // "hi"const or = || 'hi'; // && vergelijkingen stoppen zodra een falsy expressie is geëvalueerd
const and = '' && 'hi'; // ""const and = && 'hi'; // "hi"# Community Examples
# Using Falsy Values for Unit Testing
Jason A: Soms gebruik ik bij unit testing een array van falsy values en loop er overheen om te zien of mijn fallback correct werkt, zoiets:
.forEach(el => expect(funcImTesting(el).to.be('my fallback')),);Dank je: @jsawbrey