Maison > interface Web > js tutoriel > Un guide pour débutant sur les variables et données JavaScript

Un guide pour débutant sur les variables et données JavaScript

William Shakespeare
Libérer: 2025-02-17 12:46:14
original
772 Les gens l'ont consulté

Ce guide du débutant sur les variables et types de données JavaScript explique les principes fondamentaux de la programmation JavaScript pour les nouveaux arrivants. Il a été examiné par Scott Molinari, Vildan Softic et Chris Perry. Merci aux pairs examinateurs de SitePoint pour leurs contributions!

"A

se lancer dans votre voyage javascript? Ne soyez pas intimidé! La programmation est apprenable par quiconque, une étape à la fois.

Concepts clés:

  • JavaScript est un langage polyvalent utilisé pour le développement côté client (navigateurs Web) et côté serveur (Node.js), crucial pour les applications Web dynamiques.
  • Les variables
  • sont déclarées en utilisant var, let, ou const et maintiennent différents types de données comme des chaînes, des nombres et des booléens. Ceux-ci sont essentiels pour gérer le flux de données dans les programmes.
  • JavaScript prend en charge les types de données primitifs (chaînes, nombres, booléens, nuls, non définis et symboles) et des types non primitifs (objets), qui peuvent stocker des collections de données et de fonctions.
  • Les structures de contrôle (boucles et conditionnels) s'appuient sur les booléens (true / false) pour diriger l'exécution du programme.
  • Les fonctions de maîtrise, y compris des fonctions intégrées comme alert() et console.log(), et la création de fonctions personnalisées pour le code réutilisable, est vitale pour la programmation efficace.

Ce guide vous convient-il?

Ce guide est parfait si vous:

  • sont nouveaux dans la programmation.
  • n'ont aucune expérience JavaScript antérieure.
  • trouvé des ressources JavaScript précédentes difficiles à comprendre.
  • Je veux un rafraîchissement sur les bases JavaScript.

Cet article se concentre sur les concepts de base: syntaxe, variables, commentaires et types de données. Ces fondamentaux sont transférables à d'autres langages de programmation.

Remarque: Ce guide simplifie les concepts pour les débutants et utilise principalement la syntaxe ES5.

Qu'est-ce que JavaScript?

JavaScript alimente les sites Web interactifs. C'est principalement un langage côté client (en cours d'exécution dans votre navigateur), mais l'utilisation côté serveur se développe grâce à Node.js et des technologies similaires. Il fonctionne en étroite collaboration avec HTML et CSS pour le développement Web frontal.

IMPORTANT: Java et JavaScript sont des langages distincts.

PRENDRE:

Vous avez déjà tout ce dont vous avez besoin! Un navigateur Web (Chrome, Firefox, Safari, etc.) pour afficher le code et un éditeur de texte (bloc-notes, textedit, atome, supports) pour l'écrire. Codepen est un excellent outil en ligne pour écrire et tester le code.

Termes de base:

Les programmeurs créent des programmes (ensembles d'instructions). Chaque instruction est une instruction (comme une phrase), se terminant généralement par un point-virgule en JavaScript. Syntaxe fait référence à la structure et aux règles du langage (comme la grammaire).

Commentaires:

Les commentaires sont des notes dans le code pour expliquer son objectif. Ils n'affectent pas l'exécution du programme mais sont cruciaux pour la lisibilité et la collaboration.

  • Commentaire en une seule ligne: // This is a comment.
  • Commentaire multi-ligne: /* This is a multi-line comment. */

Variables:

Les variables stockent les données. Ils sont déclarés en utilisant var.

var x = 5; // x now holds the number 5
x = 6;     // x's value changes to 6
Copier après la connexion

Règles de dénomination variables:

  • Utiliser des lettres, des numéros, $, _.
  • Ne commencez pas par un nombre.
  • Évitez les mots clés réservés.
  • Utilisez CamelCase (par exemple, myVariable).

Types de données:

Les types de données classent les données. JavaScript est faiblement typé, déterminant automatiquement le type. Il existe sept types de base:

  • chaîne: texte (par exemple, "Hello"). Utilisez " ou ' pour enfermer les chaînes. Utilisez pour échapper aux caractères spéciaux (par exemple, 'I'm'). La concaténation de chaîne utilise l'opérateur .
  • Nombre: Valeurs numériques (par exemple, 5, 3.14, -2).
  • booléen: true ou false. Utilisé dans les déclarations conditionnelles.
  • null: représente l'absence intentionnelle d'une valeur.
  • Undefined: une variable déclarée mais non attribuée de valeur.
  • Symbole: Valeurs uniques et immuables (sujet avancé).
  • Objet: Collections de paires de nom / valeur (propriétés et méthodes). Créé à l'aide de {}. Propriétés d'accès en utilisant la notation de points (.) ou la notation du support ([]).
  • Array: Listes de valeurs ordonnées. Créé à l'aide de []. Éléments d'accès en utilisant leur index (à partir de 0).

Test:

Utiliser alert() (popup) ou console.log() (console de développement du navigateur) pour afficher les valeurs. Utilisez typeof pour vérifier le type de données d'une variable.

Objets et tableaux (détails supplémentaires):

Les objets sont des collections de paires de valeurs clés. Les tableaux sont des listes commandées. Les deux sont des types de données non primitives.

Conclusion:

Ce guide fournit une base solide dans les variables et types de données JavaScript. Vous êtes maintenant prêt à explorer la manipulation des données et la construction de programmes!

Questions fréquemment posées (FAQ):

(La section FAQ de l'entrée d'origine est conservée ici, car elle fournit des informations supplémentaires précieuses.)

quels sont les différents types de données en javascript?

JavaScript a sept types de données de base: numéro, chaîne, booléen, nul, indéfini, symbole et objet. Les six premiers sont primitifs; Les objets sont non primitifs.

Comment déclarez-vous une variable en javascript?

utiliser var, let, ou const. let et const sont enclopés en bloc; const crée des variables non divisées.

Quelle est la différence entre «null» et «indéfini» en javascript?

undefined signifie qu'une variable est déclarée mais n'a pas été attribuée de valeur. null est une valeur attribuée ne représentant aucune valeur ni objet.

Quelle est la différence entre «==» et «===» en javascript?

== compare les valeurs; === compare les valeurs et les types.

Qu'est-ce qu'un objet JavaScript?

Un type de données non primitif tenant plusieurs valeurs en tant que structure de données complexe. Contient des propriétés et des méthodes.

Comment pouvez-vous convertir les types de données dans JavaScript?

Utiliser des fonctions comme Number(), String(), Boolean(), etc.

Quelle est la portée d'une variable en javascript?

global (accessible n'importe où) ou local (accessible uniquement dans une fonction).

Qu'est-ce qu'un symbole javascript?

un type de données primitif unique et immuable (ES6).

Comment créez-vous un tableau en javascript?

en utilisant le constructeur Array constructeur ou un tableau de notation littérale ([]).

Qu'est-ce que la coercition de type en javascript?

Conversion automatique des valeurs entre les types de données. Comprendre cela est crucial pour éviter un comportement inattendu.

"A

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal