recherche
Maisoninterface Webjs tutorielTypes de données JavaScript : types de base et valeurs de type de référence_Connaissances de base

Les variables ECMAScript contiennent des valeurs de deux types de données différents : les valeurs de type de base et les valeurs de type de référence. Les valeurs de type primitif sont de simples éléments de données, tandis que les valeurs de type référence sont des objets qui peuvent être composés de plusieurs valeurs.

Lors de l'attribution d'une valeur à une variable, l'analyseur doit déterminer si la valeur est un type primitif ou un type référence. Les types de base incluent Indéfini, Null, Booléen, Nombre et Chaîne. Ces cinq types de données de base sont accessibles par valeur, de sorte que la valeur réelle stockée dans la variable peut être manipulée ; la valeur du type de référence est stockée dans l'objet mémoire. Contrairement à d’autres langages, JavaScript ne permet pas d’accéder directement aux emplacements en mémoire, ce qui signifie que l’espace mémoire d’un objet ne peut pas être directement manipulé. Lorsque vous opérez sur un objet, vous opérez en fait sur une référence à l'objet plutôt que sur l'objet réel, de sorte que la valeur d'un type référence est accessible par référence.

1. Attributs dynamiques
Les méthodes de définition des types de base et de définition des types de référence sont très similaires. Pour les valeurs de type référence, nous pouvons leur ajouter des propriétés et des méthodes, et nous pouvons également modifier et supprimer leurs propriétés et méthodes, comme suit :

Copier le code Le code est le suivant :

var personne = new Object();
personne.name = "zxj";
alert(personne.nom); //"zxj" 

2. Copier la valeur de la variable

Si vous copiez une valeur d'un type de base d'une variable à une autre, une nouvelle valeur est créée sur l'objet variable puis copiée à l'emplacement alloué à la nouvelle variable.

Copier le code Le code est le suivant :

var num1 = 5;
var num2 = num1; //5

Lorsqu'une valeur de type référence est copiée d'une variable vers une autre variable, une copie de la valeur stockée dans l'objet variable sera également copiée dans l'espace mémoire alloué à la nouvelle variable. La différence est que cette valeur est en réalité un pointeur vers un objet stocké dans le tas. Une fois la copie terminée, les deux variables feront en réalité référence au même objet. Par conséquent, changer l’une des variables affectera l’autre variable, comme indiqué ci-dessous :

Copier le code Le code est le suivant :

var obj1 = nouvel Objet();
var obj2 = obj1;
obj1.name = "zxj";
alerte(obj2.name); //"zxj"

3. Paramètres de réussite

Les paramètres de toutes les fonctions dans ESMAScript sont transmis par valeur. En d’autres termes, copier la valeur en dehors de la fonction vers le paramètre à l’intérieur de la fonction revient à copier la valeur d’une variable à une autre. Les valeurs de type primitif sont transmises tout comme les variables de type primitif sont copiées. Le transfert des valeurs de type référence est identique à la copie des variables de type référence. De nombreux développeurs peuvent être confus à ce stade, car il existe deux manières d'accéder aux variables, par valeur et par référence, alors que les paramètres ne peuvent être transmis que par valeur.

Lors du passage d'une valeur de type de base à un paramètre, la valeur transmise sera copiée dans une variable locale (paramètre nommé). Comme indiqué dans le code suivant :

Copier le code Le code est le suivant :

fonction addTen(num) {
num = 10;
Renvoie le numéro ;
>
nombre de var = 20 ;
var résultat = addTen(count);
alert(count); // 20, aucun changement
alerte(résultat); // 30

Les paramètres sont en fait des variables locales de la fonction. Le paramètre num et la variable count ne se connaissent pas, ils ont juste la même valeur. Si num est passé par référence, la valeur de la variable count deviendra également 30, reflétant les changements au sein de la fonction.

Lors du passage d'une valeur de type référence à un paramètre, l'adresse de la valeur en mémoire sera copiée dans une variable locale, donc les modifications apportées à cette variable locale seront reflétées en dehors de la fonction. Ici, nous utilisons des types de référence pour jeter un œil :

Copier le code Le code est le suivant :

fonction setName(obj) {
Obj.name = "zxj";
>
var personne = new Object();
setName(personne);
alert(personne.nom); //"zxj"

Dans cette fonction, obj et person font référence au même objet. En d'autres termes, même si l'objet est passé par valeur, obj accédera au même objet par référence. Par conséquent, lorsque l'attribut name est ajouté à obj à l'intérieur de la fonction, la personne en dehors de la fonction sera également reflétée, car il n'y a qu'un seul objet pointé par la personne dans la mémoire du tas, et c'est un objet global. De nombreux développeurs croient à tort que les objets modifiés dans la portée locale seront reflétés dans la portée globale, ce qui signifie que les paramètres sont transmis par référence. Pour prouver que les objets sont passés par valeur, regardons l'exemple modifié suivant :

Copier le code Le code est le suivant :

fonction setName(obj) {
Obj.name = "zxj";
Obj = nouvel Objet();
Obj.name = "sdf";
>
var personne = new Object();
setName(personne);
alert(person.name);

Comme le montre l'exemple ci-dessus, si la personne est passée par référence, alors la personne sera automatiquement modifiée pour pointer vers un nouvel objet dont la valeur de l'attribut name est "sdf". Cependant, lors de l'accès suivant à person.name, "zxj" est toujours affiché. Cela montre que même si la valeur du paramètre est modifiée à l'intérieur de la fonction, la référence d'origine reste inchangée. En fait, lorsque obj est remplacé dans une fonction, cette variable fait référence à un objet local. Cet objet local sera détruit immédiatement lorsque la fonction aura terminé son exécution.

Considérez les paramètres des fonctions ECMAScript comme des variables locales.

4.Type de détection

Bien que typeof soit un assistant puissant lors de la détection des types de données de base, cet opérateur n'est pas très utile lors de la détection des types de référence. Habituellement, nous ne voulons pas savoir si une valeur est un objet, mais de quel type d'objet il s'agit. ECMAScript fournit à cet effet l'opérateur instanceof, dont la syntaxe est la suivante :

Copier le code Le code est le suivant :

résultat = instance variable du constructeur

Si la variable est une instance du type référence donné, l'opérateur instanceof retournera vrai :
Copier le code Le code est le suivant :

alert(instance de personne d'Object);
Déclaration
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
Comprendre le moteur JavaScript: détails de l'implémentationComprendre le moteur JavaScript: détails de l'implémentationApr 17, 2025 am 12:05 AM

Comprendre le fonctionnement du moteur JavaScript en interne est important pour les développeurs car il aide à écrire du code plus efficace et à comprendre les goulots d'étranglement des performances et les stratégies d'optimisation. 1) Le flux de travail du moteur comprend trois étapes: analyse, compilation et exécution; 2) Pendant le processus d'exécution, le moteur effectuera une optimisation dynamique, comme le cache en ligne et les classes cachées; 3) Les meilleures pratiques comprennent l'évitement des variables globales, l'optimisation des boucles, l'utilisation de const et de locations et d'éviter une utilisation excessive des fermetures.

Python vs JavaScript: la courbe d'apprentissage et la facilité d'utilisationPython vs JavaScript: la courbe d'apprentissage et la facilité d'utilisationApr 16, 2025 am 12:12 AM

Python convient plus aux débutants, avec une courbe d'apprentissage en douceur et une syntaxe concise; JavaScript convient au développement frontal, avec une courbe d'apprentissage abrupte et une syntaxe flexible. 1. La syntaxe Python est intuitive et adaptée à la science des données et au développement back-end. 2. JavaScript est flexible et largement utilisé dans la programmation frontale et côté serveur.

Python vs JavaScript: communauté, bibliothèques et ressourcesPython vs JavaScript: communauté, bibliothèques et ressourcesApr 15, 2025 am 12:16 AM

Python et JavaScript ont leurs propres avantages et inconvénients en termes de communauté, de bibliothèques et de ressources. 1) La communauté Python est amicale et adaptée aux débutants, mais les ressources de développement frontal ne sont pas aussi riches que JavaScript. 2) Python est puissant dans les bibliothèques de science des données et d'apprentissage automatique, tandis que JavaScript est meilleur dans les bibliothèques et les cadres de développement frontaux. 3) Les deux ont des ressources d'apprentissage riches, mais Python convient pour commencer par des documents officiels, tandis que JavaScript est meilleur avec MDNWEBDOCS. Le choix doit être basé sur les besoins du projet et les intérêts personnels.

De C / C à JavaScript: comment tout cela fonctionneDe C / C à JavaScript: comment tout cela fonctionneApr 14, 2025 am 12:05 AM

Le passage de C / C à JavaScript nécessite de s'adapter à la frappe dynamique, à la collecte des ordures et à la programmation asynchrone. 1) C / C est un langage dactylographié statiquement qui nécessite une gestion manuelle de la mémoire, tandis que JavaScript est dynamiquement typé et que la collecte des déchets est automatiquement traitée. 2) C / C doit être compilé en code machine, tandis que JavaScript est une langue interprétée. 3) JavaScript introduit des concepts tels que les fermetures, les chaînes de prototypes et la promesse, ce qui améliore la flexibilité et les capacités de programmation asynchrones.

Moteurs JavaScript: comparaison des implémentationsMoteurs JavaScript: comparaison des implémentationsApr 13, 2025 am 12:05 AM

Différents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.

Au-delà du navigateur: Javascript dans le monde réelAu-delà du navigateur: Javascript dans le monde réelApr 12, 2025 am 12:06 AM

Les applications de JavaScript dans le monde réel incluent la programmation côté serveur, le développement des applications mobiles et le contrôle de l'Internet des objets: 1. La programmation côté serveur est réalisée via Node.js, adaptée au traitement de demande élevé simultané. 2. Le développement d'applications mobiles est effectué par le reactnatif et prend en charge le déploiement multiplateforme. 3. Utilisé pour le contrôle des périphériques IoT via la bibliothèque Johnny-Five, adapté à l'interaction matérielle.

Construire une application SaaS multi-locataire avec next.js (intégration backend)Construire une application SaaS multi-locataire avec next.js (intégration backend)Apr 11, 2025 am 08:23 AM

J'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant

Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AM

Cet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles

See all articles

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)
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

Version Mac de WebStorm

Version Mac de WebStorm

Outils de développement JavaScript utiles

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel