Maison interface Web js tutoriel Explication détaillée de la différence entre undefined et null dans les connaissances JavaScript_Basic

Explication détaillée de la différence entre undefined et null dans les connaissances JavaScript_Basic

May 16, 2016 pm 04:53 PM

Assez étrangement, le langage JavaScript a en réalité deux valeurs qui représentent « aucun » : undefined et null. pourquoi donc?

1. Similitude
En JavaScript, attribuer une variable à undefined ou null, pour être honnête, il n'y a presque aucune différence.

Copier le code Le code est le suivant :

var a = non défini;
var a = nul ;

Dans le code ci-dessus, la variable a est respectivement affectée à undefined et null. Les deux méthodes d'écriture sont presque équivalentes.
Undefined et null seront automatiquement convertis en false dans l'instruction if, et l'opérateur d'égalité signalera même directement qu'ils sont égaux.

Copier le code Le code est le suivant :

if (!undéfini)
console .log( 'undéfini est faux');
// undéfini est faux

if (!null)
console.log('null is false');
// null est faux

indéfini == null
// vrai

Le code ci-dessus illustre à quel point les comportements des deux sont similaires !
Puisque les significations et l'utilisation de undefined et null sont similaires, pourquoi avez-vous besoin de définir deux de ces valeurs en même temps ? Cela n'augmente-t-il pas la complexité de JavaScript sans raison et ne gêne-t-il pas les débutants ? Le langage Dart, remplaçant du langage JavaScript développé par Google, stipule clairement qu'il n'y a que des nuls et aucun indéfini !
2. Raisons historiques
Récemment, alors que je lisais le nouveau livre "Speaking JavaScript", j'ai accidentellement découvert la réponse à cette question !
Il s'avère que cela a à voir avec l'histoire de JavaScript. Lorsque JavaScript est né en 1995, initialement comme Java, seul null était défini comme valeur représentant « rien ».
Selon la tradition du langage C, null est conçu pour être automatiquement converti en 0.

Copier le code Le code est le suivant :

Numéro (null)
// 0

5 nul
// 5

Cependant, le concepteur JavaScript Brendan Eich estime que cela ne suffit pas, pour deux raisons.
Tout d’abord, null est traité comme un objet comme en Java.

Copier le code Le code est le suivant :

typeof null
// "objet "

Cependant, les types de données JavaScript sont divisés en deux catégories : les types primitifs (primitifs) et les types composites (complexes). Brendan Eich estime qu'il est préférable que la valeur représentant "aucun" ne soit pas un objet.
Deuxièmement, la version initiale de JavaScript n'incluait pas de mécanisme de gestion des erreurs. Lorsqu'une incompatibilité de type de données se produit, le type est souvent automatiquement converti ou échoue silencieusement. Brendan Eich estime que si null est automatiquement converti en 0, il sera difficile de trouver des erreurs.
Par conséquent, Brendan Eich en a conçu un autre indéfini.
3. Conception initiale
La version initiale de JavaScript se distingue comme suit : null est un objet qui représente "aucun" et vaut 0 lorsqu'il est converti en une valeur numérique ; représente "aucun" Valeur d'origine, NaN une fois convertie en valeur numérique.

Copier le code Le code est le suivant :

Numéro (non défini)
// NaN

5 non défini
// NaN

4. Usage actuel
Cependant, la distinction ci-dessus s'est rapidement révélée irréalisable en pratique. Actuellement, null et undefined sont fondamentalement synonymes, avec seulement quelques différences subtiles.
null signifie "aucun objet", c'est-à-dire qu'il ne devrait y avoir aucune valeur. L'utilisation typique est :
(1) En tant que paramètre d'une fonction, cela signifie que le paramètre de la fonction n'est pas un objet.
(2) Comme point final de la chaîne de prototypes d'objets.

Copier le code Le code est le suivant :

Object.getPrototypeOf(Object.prototype)
/ / nul

undefined signifie "valeur manquante", c'est-à-dire qu'il devrait y avoir une valeur ici, mais elle n'a pas encore été définie. L'utilisation typique est :
(1) Lorsqu'une variable est déclarée mais qu'aucune valeur ne lui est attribuée, elle est égale à indéfini.
(2) Lors de l'appel de la fonction, le paramètre qui doit être fourni n'est pas fourni et le paramètre est égal à indéfini.
(3) L'objet n'a aucun attribut attribué et la valeur de cet attribut n'est pas définie.
(4) Lorsque la fonction ne renvoie pas de valeur, elle renvoie undéfini par défaut.

Copier le code Le code est le suivant :

var i;
i // non défini

fonction f(x){console.log(x)>
f() // non défini

var  o = new Object();
o.p // non défini

var x = f();
x // non défini


Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Remplacer les caractères de chaîne en javascript Remplacer les caractères de chaîne en javascript Mar 11, 2025 am 12:07 AM

Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi

Tutoriel de configuration de l'API de recherche Google personnalisé Tutoriel de configuration de l'API de recherche Google personnalisé Mar 04, 2025 am 01:06 AM

Ce tutoriel vous montre comment intégrer une API de recherche Google personnalisée dans votre blog ou site Web, offrant une expérience de recherche plus raffinée que les fonctions de recherche de thème WordPress standard. C'est étonnamment facile! Vous pourrez restreindre les recherches à Y

Exemple Couleurs Fichier JSON Exemple Couleurs Fichier JSON Mar 03, 2025 am 12:35 AM

Cette série d'articles a été réécrite à la mi-2017 avec des informations à jour et de nouveaux exemples. Dans cet exemple JSON, nous examinerons comment nous pouvons stocker des valeurs simples dans un fichier à l'aide du format JSON. En utilisant la notation de paire de valeurs clés, nous pouvons stocker n'importe quel type

10 Highlighters de syntaxe jQuery 10 Highlighters de syntaxe jQuery Mar 02, 2025 am 12:32 AM

Améliorez votre présentation de code: 10 surligneurs de syntaxe pour les développeurs Partager des extraits de code sur votre site Web ou votre blog est une pratique courante pour les développeurs. Le choix du bon surligneur de syntaxe peut améliorer considérablement la lisibilité et l'attrait visuel. T

Créez vos propres applications Web Ajax Créez vos propres applications Web Ajax Mar 09, 2025 am 12:11 AM

Vous voici donc, prêt à tout savoir sur cette chose appelée Ajax. Mais qu'est-ce que c'est exactement? Le terme Ajax fait référence à un regroupement lâche de technologies utilisées pour créer un contenu Web interactif dynamique. Le terme Ajax, inventé à l'origine par Jesse J

8 Superbes plugins de mise en page JQuery Page 8 Superbes plugins de mise en page JQuery Page Mar 06, 2025 am 12:48 AM

Tirez parti de jQuery pour les dispositions de page Web sans effort: 8 plugins essentiels JQuery simplifie considérablement la mise en page de la page Web. Cet article met en évidence huit puissants plugins jQuery qui rationalisent le processus, particulièrement utile pour la création de sites Web manuels

10 tutoriels JavaScript & jQuery MVC 10 tutoriels JavaScript & jQuery MVC Mar 02, 2025 am 01:16 AM

Cet article présente une sélection organisée de plus de 10 didacticiels sur les cadres JavaScript et JQuery Model-View-Controller (MVC), parfait pour augmenter vos compétences en développement Web au cours de la nouvelle année. Ces tutoriels couvrent une gamme de sujets, de Foundatio

Qu'est-ce que & # x27; ceci & # x27; en javascript? Qu'est-ce que & # x27; ceci & # x27; en javascript? Mar 04, 2025 am 01:15 AM

Points de base Ceci dans JavaScript fait généralement référence à un objet qui "possède" la méthode, mais cela dépend de la façon dont la fonction est appelée. Lorsqu'il n'y a pas d'objet actuel, cela fait référence à l'objet global. Dans un navigateur Web, il est représenté par Window. Lorsque vous appelez une fonction, cela maintient l'objet global; mais lors de l'appel d'un constructeur d'objets ou de l'une de ses méthodes, cela fait référence à une instance de l'objet. Vous pouvez modifier le contexte de ceci en utilisant des méthodes telles que Call (), Appliquer () et Bind (). Ces méthodes appellent la fonction en utilisant la valeur et les paramètres donnés. JavaScript est un excellent langage de programmation. Il y a quelques années, cette phrase était

See all articles