Maison > interface Web > js tutoriel > Bases de JavaScript que j'ai apprises aujourd'hui au cours de ce parcours de développeur.

Bases de JavaScript que j'ai apprises aujourd'hui au cours de ce parcours de développeur.

Linda Hamilton
Libérer: 2025-01-01 04:40:12
original
1044 Les gens l'ont consulté

JavaScript Basics I learnt today on this developer journey.

LES BASES DE JAVASCRIPT

  • Types de données
  • Valeurs
  • Variables
  • Conditions
  • Opérateurs
  • Boucles
  • Fonctions

HISTOIRE DE JAVASCRIPT

Au départ, les développeurs voulaient quelque chose qui pourrait apporter des fonctionnalités au navigateur ; un langage de script.

Le code écrit ne peut être pris en charge que dans le navigateur à partir duquel il a été écrit. Par conséquent, pour trouver une solution à ce problème, ils ont proposé ECMA Script. Le script ECMA était un ensemble de règles à suivre lors du codage dans un navigateur. Cependant, ce n'était pas compatible et ES6 a été introduit. ES6 était un ensemble modifié de règles ou d'instructions pour régir le codage dans les navigateurs. Mocha (1995) vers LiveScript (1996) vers JavaScript (jusqu'à ce jour). À cette époque, les navigateurs ne prenaient en charge que CSS et HTML.

Il n'y avait que 2 navigateurs dans l'Antiquité, c'est-à-dire ; Internet Explorer et le navigateur Netscape.

Les bases de JavaScript

1.Datatypes(valeurs)

Par exemple : 1.numéro (nombre entier et nombre décimal) tel que 1, 6,4 ; 2.string par exemple "leya".

  • Ceux-ci ont une valeur unique.

tableaux

  • Ici, nous avons l'index et la valeur. Pour accéder à n’importe quelle valeur. Nous utilisons l'aide d'index.

Objets
Nous avons la clé et la valeur.

  • Par exemple : Nom : Mackline, Nom:leya

Les objets ont plus d'une valeur. Ici, vous avez le pouvoir de créer votre propre clé pour n'importe quelle valeur que vous avez, mais dans les tableaux, vous utiliserez toujours un index qui est toujours constant et ne peut pas être modifié.

  • Par exemple : laissez compte bancaire ={fname:'leya',
    Nom : 'Mackline',
    numéro de mobile : 989372,
    };
    Console.log(nombres);
    Console.log (numbers.lname);

  • Par conséquent, pour accéder à un objet particulier, nous pouvons utiliser un symbole de point entre les objets.

2.Variables
Si nous souhaitons stocker certaines de nos valeurs, nous pouvons utiliser des variables. Les variables sont des dossiers ou un espace réservé pour une valeur.

Trois manières différentes de déclarer une variable.

  • 1.var x = 50 ; Nous devrions au minimum utiliser var pour des raisons de commodité de mémoire.
  • 2. soit y = 50 ; *Nous pouvons l'utiliser pour modifier des valeurs telles que le solde du compte...
  • 3.const z = 'leya';nous utilisons const lorsque nous ne voulons pas changer la valeur de cette variable.
    Par exemple :

    Une var z pour stocker un numéro de compte bancaire puisqu'il s'agit d'un numéro constant. Dans le cas où nous souhaitons imprimer quelque chose à l'écran, nous utilisons ensuite l'instruction ci-dessous dans le terminal ; console.log(objet);

  • C'est-à-dire ; console.log(fname) ;Nous pouvons également utiliser un modèle littéral.C'est-à-dire ;
    console.log(mon prénom actuel est ${fname});

3.Opérateurs
Ceux-ci entrent lorsque nous allons faire quelques calculs. C'est-à-dire des calculs.

Exemples d'opérateurs

  • 1.opérateurs d'affectation [=]
  • 2.opérateurs arithmétiques [ , ×, ÷, %]
  • 3.opérateurs de comparaison [>, <, >=, <=, == qui compare uniquement les valeurs et ==== qui compare à la fois la valeur et le type de données Par exemple ; x=5 ; y='5';console.log(x==y) est vrai mais console.log(x===y) est faux].

MICROS ;

const accno;acno = "45689943";

Cela entraînerait une erreur car accno étant une constante doit être initialisé lors de la déclaration.
Aussi; const accno = 4694647855 ;
accno = 1345950;
Cela générerait également une erreur dans la sortie car accno étant une constante est initialisé une fois pour toutes.

4.Décisions
Celles-ci sont également appelées conditions. Nous pouvons utiliser :
a) Instructions If else : ici, l'instruction dans else est exécutée si toutes les autres instructions dans if et else, si les blocs ne sont pas vrais.

b) Changer de boîtier

Ici, la valeur par défaut fonctionne comme else comme dans les instructions conditionnelles if else. Nous utilisons également le break dans les boîtiers de commutation lorsque nous devons sortir de la boucle du boîtier de commutation.

Attention :

  • Les instructions if else et switch case font le même travail, mais if else est couramment utilisé.

c) Opérateurs ternaires/, opérations

Celles-ci peuvent être réalisées en utilisant seulement 2 opérateurs, c'est-à-dire ? et le ;. Tout ce qui est écrit après le (?) est vrai et tout ce qui est écrit après deux points est false , et tout ce qui est avant le ? est une condition. C'est-à-dire ; condition ? vrai ; faux.

5.Boucles

Ceux-ci peuvent aider à itérer quelque chose comme une variable comme un tableau, jusqu'à sa fin.

Quelques exemples de boucles que nous avons

i) boucle do while : Ici, au moins une instruction est exécutée dans le bloc do en tant que sortie. En effet, la condition dans une telle boucle est écrite à la fin de la boucle.
soit a=5;
faire{
console.log('La valeur de a est;', a);
une ;
}pendant(a<=4);

ii) boucle while;Ici, aucune instruction ne peut être exécutée tant que la condition n'est pas vraie.

Par exemple :
Soit a = 6;
tandis que(a<=4){
Console. log('la valeur de a est : ', a );
une ;
>

iii) pour la boucle

Par exemple;for(let a=0; a<=5; a ){
Console. log('La valeur de a est :', a);
>

Github
Linkedin
Hashnode

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!

source:dev.to
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