Quelle est la différence entre Null et Undefined en JavaScript ?

Quelle est la différence entre Null et Undefined en JavaScript ?

Ce guide examinera la différence entre nul et indéfini valeurs en JavaScript. Connaître la différence entre ces deux valeurs est important pour le débogage et la création de code sans bogue.





comment supprimer un compte hotmail 2018

Utilisez la console de votre navigateur pour suivre ou essayer les exemples de code décrits dans ce guide.





Comparaison de l'égalité des valeurs nulles et non définies

En JavaScript, nul est une valeur primitive qui est utilisée pour signifier l'absence intentionnelle d'une valeur d'objet, alors que indéfini est une valeur primitive qui agit comme un espace réservé pour une variable à laquelle aucune valeur n'a été affectée.





Nul et indéfini les valeurs sont égales lorsqu'elles sont comparées à l'aide de l'opérateur d'égalité JavaScript.

Utilisez l'opérateur d'égalité ( == ) pour comparer si nul et indéfini les valeurs sont égales en JavaScript.



Ouvrez la console de votre navigateur et saisissez le code suivant, puis appuyez sur Entrer.

null == undefined

La sortie devrait vous donner quelque chose qui ressemble à ceci, la valeur booléenne renvoyée de vrai signifie simplement que les deux valeurs sont égales.





En savoir plus : Comment déclarer des variables en JavaScript

Comparaison d'égalité stricte

JavaScript a également un opérateur d'identité ( === ), également connu sous le nom d'opérateur d'égalité stricte en plus de l'opérateur d'égalité ( == )





L'opérateur d'identité fait un effort supplémentaire en vérifiant si le type sous-jacent des valeurs comparées est le même. Cela signifie essentiellement que même si deux valeurs sont égales, elles peuvent ne pas être identiques ou strictement égales si leurs types sous-jacents sont différents.

Pour tester l'égalité stricte, utilisez le triple signe égal comme ci-dessous.

null === undefined

Le résultat de la commande ci-dessus vous donnera une valeur booléenne de faux , En d'autres termes, les deux valeurs ne sont pas identiques même si elles sont égales.

Connaître le type de Null et Undefined

Utiliser la fonction JavaScript intégrée Type de() pour découvrir le type sous-jacent d'une valeur. La fonction prend un seul paramètre de la valeur dont vous voulez trouver le type.

En rapport: L'aide-mémoire JavaScript ultime

typeof(null)

La valeur nulle est de type objet comme vous pouvez le voir sur la sortie ci-dessous.

Exécuter un test similaire sur le indéfini valeur vous donnera un résultat de indéfini .

typeof(undefined)

Travailler avec des nombres

Pour explorer plus de différences, effectuez le test de nombre sur nul et indéfini valeurs. Si une valeur est un nombre, cela implique que nous pouvons effectuer des opérations numériques dessus.

Il existe deux manières principales de tester si une valeur est un nombre en JavaScript.

1. Utilisation du estFini () fonction : si la valeur testée est un nombre, la fonction renvoie vrai ; sinon ça revient faux .

2. Utilisation du estNaN() fonction : si la valeur testée est un nombre, elle renvoie faux ; sinon ça revient vrai .

Noter : isNaN est l'abréviation de « n'est pas un numéro ».

Pour simplifier les choses, ce guide n'utilisera que les estFini () fonction pour tester si la valeur est un nombre, mais n'hésitez pas à essayer également la estNaN() fonction. Ces deux fonctions prennent comme paramètre la valeur sur laquelle vous souhaitez exécuter le test de nombre.

isFinite(null)

Le résultat est vrai , sens nul est une valeur du type numéro en JavaScript. Considérant que, en effectuant le même test sur indéfini Retour faux .

isFinite(undefined)

Type de coercition

JavaScript est un langage vaguement typé, et pour cette raison, lors de la réalisation d'opérations mathématiques, JavaScript convertira automatiquement le résultat en un type qu'il souhaite.

Malheureusement, cette conversion automatique, communément appelée coercition de type, peut apporter de nombreuses surprises.

Exécutez l'opération numérique suivante sur nul et indéfini dans la console de votre navigateur.

1 + null 3 * null 1 + undefined 3 * undefined;

Comme vous pouvez le voir, vous pouvez effectuer certaines opérations numériques sur le nul valeur parce que c'est un nombre qui n'a aucune valeur. Par conséquent, il est traité comme un zéro. Prenez note que nul n'est pas égal à zéro en JavaScript, mais il est en quelque sorte traité comme ça dans ce cas.

Les opérations numériques sur le indéfini valeur résultat en retournant le NaN (Pas un nombre) valeur. S'il n'est pas traité avec soin, vous pourriez en faire l'expérience pendant l'exécution.

Éviter les bogues d'exécution

Une bonne compréhension de nul et indéfini valeurs est essentiel pour éviter les bogues d'exécution dans votre code de production. Bugs liés à indéfini les valeurs peuvent être difficiles à déboguer et il vaut mieux les éviter.

Envisagez d'utiliser TypeScript pour le code fortement typé qui se compile en JavaScript. Dans TypeScript, votre code est vérifié au moment de la compilation pour minimiser les bogues d'exécution dans votre code de production.

Partager Partager Tweeter E-mail Rubriques connexes
  • La programmation
  • JavaScript
  • Conseils de codage
A propos de l'auteur Bon à emporter(36 articles publiés)

Mwiza développe des logiciels par profession et écrit abondamment sur Linux et la programmation frontale. Certains de ses intérêts incluent l'histoire, l'économie, la politique et l'architecture d'entreprise.

Plus de Mwiza Kumwenda

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner