Opérateurs arithmétiques en JavaScript. Mots-clés réservés en JavaScript

Un opérateur est un ou plusieurs symboles ou un mot-clé qui effectue une sorte de calcul impliquant une ou plusieurs valeurs. Les valeurs à gauche et à droite de l'opérateur sont appelées opérandes. Un opérateur avec un opérande est appelé unaire, avec deux - binaire, avec trois - ternaire.

Les opérateurs peuvent convertir automatiquement les types de leurs opérandes selon leurs besoins. Par exemple, l'opérateur de multiplication * attend des nombres, donc l'expression "2" * "3" est considérée comme parfaitement valide car l'interpréteur convertira implicitement les chaînes en nombres.

Priorité de l'opérateur

Priorité de l'opérateur est une propriété d'un opérateur qui affecte l'ordre dans lequel il est exécuté dans une expression avec plusieurs opérateurs différents en l'absence d'une indication explicite de l'ordre dans lequel ils sont évalués. Les instructions de priorité plus élevée sont exécutées avant les instructions de priorité plus faible.

Dans la colonne Opérateur, les points de suspension indiquent l'emplacement des opérandes par rapport à l'opérateur.

La colonne A indique l'associativité de l'opérateur. L'associativité est l'ordre dans lequel les opérateurs ayant la même priorité sont traités. Par exemple, l'opérateur de soustraction a une associativité de gauche à droite, les deux expressions suivantes sont donc équivalentes :

X - y - z (x - y) - z

L'opérateur d'affectation étant associatif de droite à gauche, les deux expressions suivantes sont équivalentes :

W = x = y = z w = (x = (y = z))

La colonne O indique le nombre d'opérandes.

Dans la colonne Types de valeur, les types d'opérandes attendus sont indiqués avant la flèche et le type de retour après la flèche.

lval (abréviation de valeur de gauche) est une expression du côté gauche. C'est un terme historique pour une expression qui peut apparaître à gauche d'un opérateur d'affectation. Les expressions de gauche sont : les variables, les propriétés d'objet et les éléments de tableau.

Le tableau ci-dessous liste les opérateurs par ordre décroissant de priorité, lignes horizontales groupes distincts d'opérateurs avec différents niveaux de priorité.

Opérateur Type d'opérateur UNE ô Types de valeur
(…) Regroupement manquant
1 tout → tout
… . …
… […]
Nouveau ... ()
Opérateur d'accès
Opérateur d'accès
nouveau (avec une liste d'arguments)
de gauche à droite
de gauche à droite
manquant
2
2
1
lval, lval -> tout
lval, chaîne ou nombre -> tout
constructeur -> objet
… ()
Nouveau ...
Appel de fonction
nouveau (pas d'arguments)
de gauche à droite
de droite à gauche
1
1
fonction -> tout
constructeur -> objet
… ++
… --
Incrément de suffixe
Décrément de suffixe
manquant
manquant
1
1
lval -> nombre
lval -> nombre
! …
~ …
+ …
- …
++ …
-- …
effacer ...
Type de ...
annuler ...
NON logique (inversion)
PAS au niveau du bit (inversion)
Unaire plus
Unaire moins
Incrément de préfixe
Décrément de préfixe
Suppression
Définit le type de données
Renvoyer une valeur indéfinie
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
1
1
1
1
1
1
1
1
1
tout -> booléen
entier → entier
nombre -> nombre
nombre -> nombre
lval -> nombre
lval -> nombre
lval -> booléen
n'importe quelle -> chaîne
tout -> non défini
… ** …
… * …
… / …
… % …
Exponentiation
Multiplication
Division
Division avec reste
de droite à gauche
de gauche à droite
de gauche à droite
de gauche à droite
2
2
2
2
nombre, nombre -> nombre
nombre, nombre -> nombre
nombre, nombre -> nombre
nombre, nombre -> nombre
… + …
… - …
… + …
Une addition
Soustraction
Enchaînement
de gauche à droite
de gauche à droite
de gauche à droite
2
2
2
nombre, nombre -> nombre
nombre, nombre -> nombre
chaîne, chaîne -> chaîne
… << …
… >> …
… >>> …
Décaler les battements vers la gauche
Décaler les bits vers la droite avec préservation des signes
Décaler les bits vers la droite, complétés par des zéros
de gauche à droite
de gauche à droite
de gauche à droite
2
2
2
entier, entier → entier
entier, entier → entier
entier, entier → entier
… < …
… <= …
… > …
… >= …
... dans ...
... exemple de ...
Moins que
Inférieur ou égal
Plus que
Plus ou égal
Vérifier l'existence d'un bien
Vérification de l'appartenance à ce type
de gauche à droite
de gauche à droite
de gauche à droite
de gauche à droite
de gauche à droite
de gauche à droite
2
2
2
2
2
2
nombre, nombre -> booléen
nombre, nombre -> booléen
nombre, nombre -> booléen
nombre, nombre -> booléen
chaîne, objet -> booléen
objet, constructeur -> booléen
… == …
… != …
… === …
… !== …
Équivaut à
Inégal
Strictement égal
Strictement pas égal
de gauche à droite
de gauche à droite
de gauche à droite
de gauche à droite
2
2
2
2
tout, tout -> booléen
tout, tout -> booléen
tout, tout -> booléen
tout, tout -> booléen
… & … ET au niveau du bit de gauche à droite 2 entier, entier → entier
… ^ … OU EXCLUSIF au niveau du bit de gauche à droite 2 entier, entier → entier
… | … Opération d'affectation
Opération d'affectation
Opération d'affectation
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
de droite à gauche
2
2
2
2
2
2
2
2
2
2
2
2
2
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
lval, tout -> tout
rendement ...
rendement * ...
rendement
rendement *
de droite à gauche
de droite à gauche
1
1
... … Extension manquant 1
… , … Virgule de gauche à droite 2 tout, tout → tout

Les opérations mathématiques sont l'une des fonctions les plus basiques et les plus polyvalentes de tout langage de programmation. En JavaScript, les nombres sont souvent utilisés dans Tâches communes telles que la détermination de la taille de la fenêtre du navigateur, le calcul du prix final d'une transaction monétaire ou la distance entre les éléments d'un document de site.

Vous n'avez pas besoin d'être un bon développeur en mathématiques, mais il est important de savoir quels types d'opérations sont disponibles en JavaScript et comment les utiliser pour accomplir des tâches pratiques.

Contrairement à d'autres langages de programmation, JavaScript n'a qu'un seul type de données numérique ; il ne sépare pas les entiers et les nombres à virgule flottante.

Ce didacticiel couvrira les opérateurs arithmétiques, les opérateurs d'affectation et l'ordre des opérations sur les données numériques JavaScript.

Opérateurs arithmétiques

Les opérateurs arithmétiques sont des symboles qui définissent des opérations mathématiques et renvoient un résultat. Par exemple, dans 3 + 7 = 10, le caractère + définit la syntaxe de l'opération d'addition.

De nombreux opérateurs JavaScript vous sont familiers grâce aux mathématiques de base, mais il existe également quelques opérateurs supplémentaires.

Tous les opérateurs arithmétiques JavaScript sont indiqués dans le tableau suivant.

Opérateur Syntaxe Exemple Définition
Une addition + x + y Somme de x et y
Soustraction x - y Différence entre x et y
Multiplication * x * y Dérivée de x et y
Division / x / y Privé x et y
Module % x% y Reste x / y
Exponentiation ** x ** y x à la puissance y
Incrément ++ x++ x plus un
Décrémenter X- x moins un

Addition et soustraction

Les opérateurs d'addition et de soustraction sont disponibles en JavaScript et peuvent être utilisés pour trouver la somme et la différence de valeurs numériques. JavaScript a une calculatrice intégrée et les opérations mathématiques peuvent être effectuées directement dans la console.

Le signe plus vous permet d'ajouter des chiffres, par exemple :

En plus des opérations avec nombres premiers JavaScript vous permet d'attribuer des nombres aux variables et d'effectuer des calculs dessus. Par exemple, vous pouvez affecter des valeurs numériques aux variables x et y, et mettre le résultat en z.

// Attribuer des valeurs à x et y
soit x = 10 ;
soit y = 20 ;
// Ajouter x et y et affecter la somme à z
soit z = x + y ;
console.log (z);
30

// Attribuer des valeurs à x et y
soit x = 10 ;
soit y = 20 ;
// Soustraire x de y et affecter la différence à z
soit z = y - x ;
console.log (z);
10

// Attribuer des valeurs à x et y
soit x = -5,2 ;
soit y = 2,5 ;
// Soustraire y de x et affecter la différence à z
soit z = x - y ;
console.log (z);
-7.7

Une caractéristique intéressante de JavaScript à garder à l'esprit et à prendre en compte est le résultat de l'ajout d'un nombre et d'une chaîne. Nous savons que 1 + 1 doit être égal à 2, mais cette équation donnera des résultats inattendus.

soit x = 1 + "1" ;
console.log (x);
type de x ;
11
"chaîne de caractères"

Au lieu d'ajouter des nombres, JavaScript convertit l'expression entière en chaînes et les concatène. Il est important d'être prudent avec la saisie dynamique de JavaScript car elle peut avoir des résultats indésirables.

L'addition et la soustraction en JavaScript sont souvent utilisées pour faire défiler la barre de navigation.

fonction scrollToId () (
const navHeight = 60;
window.scrollTo (0, window.pageYOffset - navHeight);
}
window.addEventListener ("hashchange", scrollToId);

Dans ce cas, le panneau fera défiler 60 pixels à partir de l'identifiant.

Multiplication et division

Les opérateurs de multiplication et de division JavaScript sont utilisés pour trouver la dérivée et le quotient des valeurs numériques.

L'astérisque est l'opérateur de multiplication.

// Attribuer des valeurs à x et y
soit x = 20 ;
soit y = 5 ;
// Multipliez x par y pour obtenir le produit
soit z = x * y ;
console.log (z);
100

La multiplication peut être utilisée pour calculer le prix d'un article après l'introduction de la taxe de vente.

prix constant = 26,5 ; // Prix de l'article avant taxes
taux d'imposition const = 0,082 ; // taux d'imposition de 8,2%
// Calculer le total après impôt à deux décimales près
let totalPrice = prix + (prix * tauxTaxe);
totalPrix.àFixe (2) ;
console.log ("Total :", totalPrice);
Total : 28,67

Slash est l'opérateur de division.

// Attribuer des valeurs à x et y
soit x = 20 ;
soit y = 5 ;
// Divisez y en x pour obtenir le quotient
soit z = x / y ;
console.log (z);
4

La division est particulièrement utile lors du calcul du temps, par exemple, lors du calcul du nombre d'heures ou du pourcentage de réponses correctes dans un test.

La valeur absolue d'un nombre

Module est un autre opérateur arithmétique, moins populaire que les précédents. Représenté par un symbole %. Il renvoie le reste lorsque le premier nombre est divisé par le second.

Par exemple, on sait que 9 est divisible par 3 sans reste :

Le module nombre permet de définir un nombre pair ou impair, par exemple :

// Initialise la fonction pour tester si un nombre est pair
const isEven = x => (
// Si le reste après division par deux est 0, retourne vrai
si (x% 2 === 0) (
renvoie vrai ;
}
// Si le nombre est impair, retourne false
renvoie faux ;
}
// Tester le nombre
estPair (12) ;
vrai

Dans cet exemple, 12 est divisé par 2, c'est donc un nombre pair.

En programmation, l'unité numérique est souvent utilisée en conjonction avec des instructions conditionnelles.

Exponentiation

L'exponentiation est l'un des opérateurs JavaScript les plus récents. La syntaxe de l'exponentiation est constituée de deux astérisques consécutifs (**).

Par exemple, 10 à la cinquième puissance (10 ^ 5) s'écrit comme ceci :

10 ** 5;
100000

L'opération 10 ** 5 a le même effet que 10 * 10 répété 5 fois.

10 * 10 * 10 * 10 * 10;

Vous pouvez également écrire cette opération en utilisant la méthode Math.pow().

Math.pow (10, 5);
100000

Utilisation de l'opérateur d'exponentiation - manière rapide déterminer la puissance d'un nombre donné, mais comme d'habitude, lors du choix entre méthode et opérateur, il est important d'être cohérent et d'écrire le code dans le même style.

Incrémenter et décrémenter

Les opérateurs d'incrémentation et de décrémentation augmentent ou diminuent la valeur numérique d'une variable d'une unité. Ils sont représentés par deux plus (++) ou deux moins (-) et sont souvent utilisés dans les boucles.

Remarque : Les opérateurs d'incrémentation et de décrémentation ne peuvent être utilisés qu'avec des variables. Essayer de les utiliser avec des nombres premiers entraînera une erreur.

7++
Uncaught ReferenceError : expression de gauche non valide dans l'opération de suffixe

Les opérateurs d'incrémentation et de décrémentation peuvent être classés en opérations de préfixe et de suffixe, selon l'endroit où l'opérateur est placé par rapport à la variable.

Incrément de préfixeécrit ++ x.

// Définir une variable
soit x = 7 ;

laissez préfixe = ++ x;
console.log (préfixe) ;
8

La valeur x a augmenté de 1. L'incrément de suffixe s'écrit y ++.

// Définir une variable
soit y = 7 ;
// Utilise l'opération d'incrémentation du préfixe
laissez suffixe = y ++;
console.log (postfixe) ;
7

L'opération suffixe n'a pas augmenté la valeur. Cette valeur n'augmentera pas tant que l'expression n'est pas évaluée. Pour ce faire, vous devez exécuter l'opération deux fois :

soit y = 7 ;
y ++ ;
y ++ ;
console.log (y);
8

Ces opérateurs se trouvent le plus souvent dans les boucles. V ce cycle L'instruction for s'exécute 10 fois, en commençant à 0.

// Exécute une boucle dix fois
pour (soit i = 0; je< 10; i++) {
console.log (i);
}
0
1
2
3
4
5
6
7
8
9

Dans cet exemple, la boucle est itérée à l'aide de l'opérateur d'incrémentation.

En termes simples, x ++ peut être considéré comme une abréviation de x = x + 1 et x comme une abréviation de x = x - 1.

Opérateurs d'affectation

L'un des opérateurs les plus couramment utilisés est l'opérateur d'affectation, qui a déjà été vu dans ce tutoriel. Il est représenté par un signe égal (=). Le symbole = est utilisé pour affecter une valeur à droite à une variable à gauche.

// Attribuer 27 à la variable d'âge
soit âge = 27 ;

En plus de l'opérateur d'affectation standard, JavaScript a des opérateurs d'affectation composés qui combinent l'opérateur arithmétique avec l'opérateur =.

Par exemple, l'instruction append commencera à la valeur d'origine et y ajoutera une nouvelle valeur.

// Attribuer 27 à la variable d'âge
soit âge = 27 ;
âge + = 3 ;
console.log (âge);
30

Fondamentalement, l'âge + = 3 est le même que l'âge = l'âge + 3.

Tous les opérateurs arithmétiques peuvent être combinés avec l'opérateur d'affectation. Vous trouverez ci-dessous un tableau de référence des opérateurs d'affectation en JavaScript.

Les opérateurs d'affectation composés sont souvent utilisés dans les boucles telles que les incréments et les décréments.

Priorité de l'opérateur

Les opérateurs sont exécutés par ordre de priorité, tout comme en mathématiques normales.

Par exemple, la multiplication prime sur l'addition.

// D'abord multiplier 3 par 5, puis ajouter 10
10 + 3 * 5;
25

Si vous devez d'abord effectuer une opération d'ajout, placez-la entre parenthèses - ces opérations ont toujours la priorité la plus élevée.

// Additionnez d'abord 10 et 3, puis multipliez par 5
(10 + 3) * 5;
65

Vous trouverez ci-dessous un tableau de priorité des opérateurs arithmétiques en JavaScript. Pour l'incrémentation et la décrémentation, le suffixe a priorité sur le préfixe.

Les incréments/décréments, multiplications/divisions et additions/soustractions ont le même niveau de priorité.

La priorité est donnée non seulement aux opérateurs arithmétiques, mais aussi aux opérateurs d'affectation, Opérateurs logiques, expressions conditionnelles etc. Liste complète tu peux voir.

Mots clés:

Le langage JavaScript prend en charge les principes de la programmation orientée objet. Tous les objets que vous pouvez rencontrer au travail peuvent être divisés en trois grands groupes :

1. Objets intégrés du langage. Ces objets sont conçus pour fonctionner avec des types de données spécifiques ou effectuer des tâches courantes (par exemple, des objets Math, String, Date, etc.). Avant d'utiliser des objets intégrés, il est souvent nécessaire de créer une instance appropriée de cet objet (sauf pour Math).

2. Objets standard externes. Conçu pour interagir avec les éléments d'interface standard et les fonctions du navigateur. Ce sont des objets tels que fenêtre, document et événement. Tous les objets externes sont disponibles n'importe où dans le script et ne nécessitent pas d'instanciation.

3. Objets personnalisés. Créé par le développeur pour certains besoins spécifiques. La création de vos propres objets nécessite certaines compétences et une expérience de développement.

Tout objet contient des propriétés et des méthodes. Une propriété d'objet est une sorte de paramètre quantitatif ou qualitatif qui détermine les caractéristiques d'un objet. Une méthode objet définit une action qu'un objet donné peut effectuer. Si nous ignorons la programmation et considérons une personne ordinaire comme un objet, alors ses propriétés seront "hauteur", "poids", "couleur des yeux", et les méthodes seront "manger", "boire", "marcher", etc.

Vous pouvez faire référence à une propriété ou à une méthode en spécifiant leur nom et une instance d'objet :

objet.propriété

objet.méthode ()

Cette notation (par un point) vous permet d'identifier de manière unique une instance d'un objet dont vous souhaitez utiliser les propriétés et les méthodes. En pratique, les propriétés sont utilisées comme des variables régulières et les méthodes sont utilisées comme des fonctions régulières. Notez que le nom de la méthode doit toujours se terminer par des parenthèses, même si vous ne transmettez aucun paramètre à la méthode. Par exemple:

// l'interpréteur appellera la méthode open()

// l'interpréteur cherchera PROPERTY open,

// ne le trouvera pas et générera une erreur

8. Opérateurs spéciaux en JavaScript.

?: Vous permet de faire un simple "si ... alors ... sinon"

Évalue deux expressions et renvoie le résultat de la deuxième expression.

delete Vous permet de supprimer une propriété d'objet ou un élément à un index spécifique dans un tableau.

nouveau Vous permet de créer un échantillon d'un type d'objet défini par l'utilisateur ou l'un des types d'objet intégrés.

this Un mot-clé que vous pouvez utiliser pour faire référence à l'objet courant.

typeof Renvoie une chaîne indiquant le type de l'opérande sans valeur.

void L'opérateur void définit une expression qui sera évaluée sans renvoyer de valeur.

9. Priorité des opérateurs en JavaScript.

Ancienneté de l'opérateur

La priorité des opérations fait référence à l'ordre dans lequel les opérations sont effectuées dans des expressions complexes. Les opérations de même niveau ont la même ancienneté. Les calculs sont effectués de gauche à droite pour toutes les opérations binaires, en commençant par les opérations répertoriées en haut de la liste et en terminant par les opérations en bas.

L'ancienneté des opérateurs, du plus bas au plus élevé, sera la suivante :

Affectation = + = - = * = / =% =<<=>>=>>>=&=^=|=

Sélection conditionnelle ? :

OU logique ||

ET && booléen

OU au niveau du bit |

Exclusivité au niveau du bit ^

ET au niveau du bit &

Inégalité ! =

Égalité / Inégalité ==! =

Comparaison<<=>> =

Décalage de bits<< >> >>>

Addition / Soustraction + -

Multiplier / diviser * /%

Négation / complément / moins unaire / incrément / décrément ! ~ - ++ -

Appeler, passer des paramètres ().

Ancienneté de l'opérateur

La priorité des opérations fait référence à l'ordre dans lequel les opérations sont effectuées dans des expressions complexes. Les opérations de même niveau ont la même ancienneté. Les calculs sont effectués de gauche à droite pour toutes les opérations binaires, en commençant par les opérations répertoriées en haut de la liste et en terminant par les opérations en bas.

L'ancienneté des opérateurs, du plus bas au plus élevé, sera la suivante :

Affectation = + = - = * = / =% =<<=>>=>>>=&=^=|=

Sélection conditionnelle ? :

OU logique ||

ET && booléen

OU au niveau du bit |

Exclusivité au niveau du bit ^

ET au niveau du bit &

Inégalité ! =

Égalité / Inégalité ==! =

Comparaison<<=>> =

Décalage de bits<<>>>>>

Addition / Soustraction + -

Multiplier / diviser * /%

Négation / complément / moins unaire / incrément / décrément ! ~ - ++ -

Appeler, passer des paramètres ().

Réservé mots clés en JavaScript.

JavaScript a un certain nombre de mots-clés réservés. Ces mots sont de trois types : les mots réservés JavaScript, les mots réservés pour le futur et les mots à éviter. Mots-clés JavaScript

briser faux dans ce vide

continuer pour de nouveaux vrais pendant que

supprimer la fonction null typeof avec

sinon si retour var

Mots-clés JavaScript pour une utilisation future

super exportation du débogueur de cas

catch default étend le commutateur

la classe jette enfin

essai d'importation enum const

Les mots à éviter sont ceux qui ont déjà des noms d'objets ou de fonctions internes JavaScript. Cela inclut des mots comme String ou parseInt.

L'utilisation de n'importe quel mot-clé des deux premières catégories entraînera une erreur de compilation lors du chargement de votre programme. L'utilisation de mots réservés de la troisième liste peut entraîner des problèmes de comportement si vous essayez d'utiliser vos variables et primitives d'origine avec le même nom dans le même programme. Par exemple, le programme suivant ne fera pas ce que vous voulez :

var text = new String ("Ceci est un objet chaîne");

Dans ce cas, vous recevrez une erreur indiquant que String n'est pas un objet. De nombreux cas d'utilisation d'un identifiant préexistant ne sont pas très clairs.

Scénarios. Création de scénario.

JavaScript est un langage de script (script) utilisé principalement pour créer des éléments interactifs sur des pages Web. Il peut être utilisé pour créer des menus, valider des formulaires, modifier des images ou faire tout ce que vous pouvez faire sur une page Web. En regardant GoogleMaps ou GMail Google, alors vous pouvez comprendre de quoi JavaScript est capable aujourd'hui.

Étant donné que JavaScript est actuellement le seul langage de script pris en charge par tous les principaux navigateurs Web (InternetExplorer, Firefox, Netscape, Safari, Opera, Camino, etc.), il est largement utilisé.

Le code JavaScript est généralement exécuté par le navigateur Web du client, auquel cas il est appelé script côté client. Cependant, JavaScript peut également être exécuté sur un serveur Web pour générer des documents HTML, rendant ainsi les scripts côté serveur. Bien que JavaScript soit généralement limité aux scripts côté client, il s'agit également d'un langage côté serveur très puissant.

Lorsque vous écrivez du code JavaScript, vous n'avez en fait besoin que d'un éditeur de texte et d'un navigateur Web. La connaissance du HTML et du CSS jouera certainement un rôle positif, et si vous souhaitez utiliser les compétences JavaScript sur un site Web, vous aurez également besoin d'un site Web. Si vous avez déjà un site Web, tant mieux ! Sinon, il y en a beaucoup serveurs gratuits que vous pouvez utiliser pour héberger vos pages.

Concernant éditeur de texte, Windows dispose d'un éditeur de bloc-notes. Bien que cela soit suffisant pour éditer JavaScript, HTML et CSS, un éditeur plus puissant tel que EditPlus ou un autre peut être plus pratique.

Eh bien, vous pouvez maintenant passer à la création de votre script JavaScript !

Tout d'abord, vous devez apprendre à ajouter du JavaScript à page HTML... Vous pouvez le faire de l'une des deux manières suivantes : placez des balises de script sur une page Web et placez du JavaScript dans ces balises, ou placez tout le code JavaScript dans un fichier séparé et créez un lien vers celui-ci à l'aide d'une balise de script.

Toutes ces méthodes sont parfaitement valides, mais elles ont des objectifs différents. S'il y a un petit code qui ne sera utilisé que sur une page, alors le placer entre les balises Script sera bonne décision... Si, toutefois, vous avez un gros morceau de code qui sera utilisé sur plusieurs pages, il est probablement préférable de mettre ce code JavaScript dans un fichier séparé et de créer un lien vers celui-ci. Ceci est fait pour que vous n'ayez pas à charger ce code à chaque fois que vous visitez différentes pages. Le code est chargé une fois et le navigateur l'enregistre pour une utilisation ultérieure. Ceci est similaire à la façon dont les feuilles de style en cascade (CSS) sont utilisées.

Vous trouverez ci-dessous des exemples de deux façons de brancher du code JavaScript :

Fonctions de script.

Vous pouvez styliser vos extraits de code source en tant que fonction en appelant cette fonction selon vos besoins à partir de divers endroits dans votre script JavaScript.

Habituellement, les fonctions sont définies dans la section d'en-tête document HTML tagué et... Comme nous l'avons dit, la fonction doit être définie avant d'être appelée. Placer toutes les définitions de fonction dans la section d'en-tête d'un document HTML garantit que ces fonctions sont disponibles lorsque le document est traité.

La vue générale de la définition de la fonction est présentée ci-dessous :

nom de la fonction ([paramètre 1] [, paramètre 2] [..., paramètre N])

lignes de corps de fonction

Tous les paramètres sont passés à la fonction par valeur. Par conséquent, la fonction ne peut pas modifier le contenu des variables qui lui sont transmises en tant que paramètres.

En utilisant le mot-clé return, une fonction peut renvoyer une valeur.

Expressions JavaScript sont des combinaisons opérandes et les opérateurs.

Opérations Les expressions in sont exécutées séquentiellement conformément à la valeur de priorité (plus la valeur de priorité est élevée, plus elle est élevée). Le résultat renvoyé n'est pas toujours du même type que le type de données en cours de traitement. Par exemple, les opérandes sont impliqués dans les opérations de comparaison différents types, mais le résultat renvoyé sera toujours booléen.

Riz. 1. La structure d'une expression en JavaScript

Opérandes Les données sont-elles traitées par JavaScript. Les opérandes peuvent être à la fois des types de données simples et complexes, ainsi que d'autres expressions.

Les opérateurs Sont des symboles de la langue qui effectuent diverses opérations avec des données. Les opérateurs peuvent être écrits à l'aide de symboles de ponctuation ou de mots-clés.

Selon le nombre d'opérandes, on distingue les types d'opérateurs suivants :
unaire- un opérande est impliqué dans l'opération ;
binaire- deux opérandes sont impliqués dans l'opération ;
ternaire- combine trois opérandes.

La forme d'expression la plus simple est littéral- quelque chose qui se calcule en lui-même, par exemple, le nombre 100, la chaîne "Hellow world". Une variable peut également être une expression, puisqu'elle s'évalue à sa valeur assignée.

Expressions et opérateurs en JavaScript

1. Opérateurs arithmétiques

Opérateurs arithmétiques sont conçus pour effectuer des opérations mathématiques, ils opèrent sur des opérandes numériques (ou des variables stockant des valeurs numériques), renvoyant une valeur numérique comme résultat.

Si l'un des opérandes est une chaîne, l'interpréteur JavaScript essaiera de le convertir en un type numérique, puis effectuera l'opération appropriée. Si la conversion de type n'est pas possible, le résultat sera NaN (pas un nombre).

Tableau 1. Opérateurs arithmétiques
Opérateur / Exploitation La description Priorité
+ Ajout Ajoute des opérandes numériques. Si l'un des opérandes est une chaîne, alors l'expression est évaluée à une chaîne. 12
- Soustraction Soustrait le deuxième opérande du premier. 12
- Unaire moins Convertit un nombre positif en négatif et vice versa. 14
* Multiplication Multiplie deux opérandes. 13
/ Division Divise le premier opérande par le second. Le résultat de la division peut être un nombre entier ou un nombre à virgule flottante. 13
% division modulo (reste de division) Calcule le reste après division entière du premier opérande par le second. S'applique à la fois aux nombres entiers et aux nombres à virgule flottante. 13
var x = 5, y = 8, z; z = x + y ; // retournera 13 z = x - y; // retournera -3 z = - y; // retournera -8 z = x * y; // retournera 40 z = x / y; // retournera 0,625 z = y% x; // retournera 3

2. Opérateurs d'affectation

Opérateurs d'affectation sont utilisés pour attribuer des valeurs aux variables. Les opérateurs combinés vous permettent de stocker les valeurs d'origine et suivantes dans une seule variable.

var a = 5 ; // assigne la valeur numérique 5 à la variable a var b = "hellow"; // stocke la chaîne hellow dans la variable b var m = n = z = 10; // affecte aux variables m, n, z une valeur numérique 10 x + = 10; // équivalent à x = x + 10; x - = 10 ; // équivalent à x = x - 10; x * = 10 ; // équivalent à x = x * 10; x / = 10 ; // équivalent à x = x / 10; x% = 10 ; // équivalent à x = x% 10;

3. Opérateurs d'incrémentation et de décrémentation

Opérations incrémenter et décrémenter sont unaires et augmentent et diminuent la valeur de l'opérande de un. L'opérande peut être une variable, un élément d'un tableau ou une propriété d'un objet. Le plus souvent, de telles opérations sont utilisées pour incrémenter un compteur dans une boucle.

var x = y = m = n = 5, z, s, k, l; z = ++ x * 2 ; / * à la suite des calculs renverra la valeur z = 12, x = 6, c'est-à-dire la valeur de x augmente d'abord de 1, puis l'opération de multiplication est effectuée * / s = y ++ * 2; / * à la suite des calculs renverra la valeur s = 10, y = 6, c'est-à-dire tout d'abord, l'opération de multiplication est effectuée, puis la valeur augmentée de 1 est stockée dans la variable y * / k = --m * 2; // retournera la valeur k = 8, m = 4 l = n-- * 2; // retournera la valeur l = 10, n = 4

4. Opérateurs de comparaison

Opérateurs de comparaison sont utilisés pour faire correspondre les opérandes, l'expression peut donner l'une des deux valeurs - true ou false. Les opérandes peuvent être non seulement des nombres, mais aussi des chaînes, des booléens et des objets. Cependant, la comparaison ne peut être effectuée que sur des nombres et des chaînes, donc les opérandes qui ne sont pas des nombres ou des chaînes sont convertis.

Si les deux opérandes ne peuvent pas être convertis avec succès en nombres ou en chaînes, les opérateurs renvoient toujours false.

Si les deux opérandes sont des chaînes/nombres, ou peuvent être convertis en chaînes/nombres, ils seront comparés en tant que chaînes/nombres.

Si un opérande est une chaîne / convertit en chaîne et l'autre est un nombre / convertit en nombre, alors l'opérateur essaiera de convertir la chaîne en nombre et effectuera une comparaison de nombres. Si la chaîne n'est pas un nombre, elle est convertie en NaN et la comparaison est fausse.

Les opérations de comparaison sont le plus souvent utilisées lors de l'organisation des branches dans les programmes.

Tableau 4. Opérateurs de comparaison
Opérateur / Exploitation La description Priorité
== Égalité Vérifie si deux valeurs correspondent, permettant la conversion de type. Renvoie vrai si les opérandes sont identiques et faux s'ils sont différents. 9
! = Inégalité Renvoie vrai si les opérandes ne sont pas égaux 9
=== Identité Teste deux opérandes pour « identité » en utilisant une définition de correspondance stricte. Renvoie vrai si les opérandes sont égaux sans conversion de type. 9
! == Non-identité Effectue un contrôle d'identité. Renvoie vrai si les opérandes ne sont pas égaux sans conversion de type. 9
> Plus Renvoie vrai si le premier opérande est supérieur au second, sinon renvoie faux. 10
> = Supérieur ou égal Renvoie vrai si le premier opérande est au moins le deuxième, sinon renvoie faux. 10
Renvoie vrai si le premier opérande est inférieur au second, sinon renvoie faux. 10
Renvoie vrai si le premier opérande n'est pas supérieur au second, sinon renvoie faux. 10
5 == "5" ; // retournera vrai 5! = -5.0; // retournera vrai 5 === "5"; // renvoie false false === false; // retournera vrai 1 ! == vrai ; // retournera vrai 1 ! = vrai ; // retournera false car true convertit en 1 3> -3; // retournera vrai 3> = "4"; // retournera faux

5. Opérateurs logiques

Opérateurs logiques vous permettent de combiner des conditions qui renvoient des booléens. Le plus souvent utilisé dans une instruction if.

(2 < 3) && (3===3); // вернет true, так как выражения в обеих скобках дают true (x < 10 && x >0); // retournera vrai si x est compris entre 0 et 10 ! // retournera vrai

6. Opérateurs au niveau du bit

Opérateurs au niveau du bit traite les opérandes comme une séquence de 32 bits de zéros et de uns et renvoie une valeur numérique représentant le résultat de l'opération, écrite en notation décimale. Les entiers sont considérés comme des opérandes, la partie fractionnaire de l'opérande est ignorée. Les opérations au niveau des bits peuvent être utilisées, par exemple, lors du chiffrement des données, pour travailler avec des indicateurs et pour différencier les droits d'accès.

Tableau 6. Opérateurs au niveau du bit
Opérateur / Exploitation La description Priorité
& ET au niveau du bit Si les deux bits sont à 1, alors le bit résultant sera à 1. Sinon, le résultat est 0. 8
| OU au niveau du bit Si l'un des opérandes contient 1 à la position, le résultat contiendra également 1 à cette position, sinon le résultat à cette position sera 0. 6
^ OU exclusif Si une et une seule valeur contient 1 dans n'importe quelle position, alors le résultat contiendra également 1 dans cette position, sinon le résultat dans cette position sera 0. 7
~ Refus Une négation au niveau du bit est effectuée sur la représentation binaire de la valeur d'expression. Toute position contenant 1 dans l'expression d'origine est remplacée par 0. Toute position contenant 0 dans l'expression d'origine devient 0. Les nombres positifs commencent à 0, les nombres négatifs commencent à -1, donc ~ n == - (n + 1). 14
L'opérateur décale les bits du premier opérande vers la gauche du nombre de positions de bits défini par le deuxième opérande. Des zéros sont utilisés pour remplir les positions à droite. Renvoie un résultat du même type que l'opérande de gauche. 11
>> Décalage au niveau du bit à droite L'opérateur décale les bits du premier opérande vers la droite du nombre de positions de bits défini par le deuxième opérande. Les chiffres déplacés hors plage sont supprimés. Le bit de poids fort (32e) n'est pas modifié pour conserver le signe du résultat. Si le premier opérande est positif, les bits les plus significatifs du résultat sont remplis de zéros ; si le premier opérande est négatif, les bits les plus significatifs du résultat sont remplis de uns. Déplacer une valeur vers la droite d'une position équivaut à diviser par 2 (en éliminant le reste), et déplacer vers la droite deux positions équivaut à diviser par 4, et ainsi de suite. 11
>>> Décalage à droite non signé au niveau du bit L'opérateur décale les bits du premier opérande vers la droite du nombre de positions de bits défini par le deuxième opérande. Des zéros sont ajoutés à gauche quel que soit le signe du premier opérande. Les chiffres déplacés hors plage sont supprimés. 11
var x = 9, y = 5, z = 2, s = -5, résultat ; // 9 équivaut à 1001, 5 équivaut à 0101 result = x & y; // retournera 1 (équivalent à 0001) result = x | y ; // retournera 13 (équivalent à 1101) result = x ^ y; // renverra 12 (équivalent à 1100) result = ~ y; // retournera -6 (équivalent à 1100) result = x<< y; // вернет 288 (эквивалентно 100100000) result = x >> z; // retournera 2 (équivalent à 10) result = s >>> z; // retournera 1073741822 (équivalent à0)

7. Opérateurs de chaîne

Il existe plusieurs opérateurs qui fonctionnent avec les chaînes d'une manière spéciale.

"1" + "10" ; // retournera "110" "1" + 10; // retournera "110" 2 + 5 + "crayons de couleur" ; // retournera "7 crayons de couleur" "crayons de couleur" + 2 + 5; // retournera "Crayons de couleur 25" "1"> "10" ; // retournera false "10"<= 10; // вернет true "СССР" == "ссср"; // вернет false x = "micro"; x+= "soft"; // вернет "microsoft"

8. Opérateurs spéciaux

Tableau 8. Opérateurs spéciaux
Opérateur / Exploitation La description Priorité
... Accès à la propriété Accéder à une propriété d'un objet. 15
, Calcul multiple Évalue plusieurs expressions indépendantes, écrites sur une seule ligne. 1
Indexation des tableaux Accéder aux éléments d'un tableau ou aux propriétés d'un objet. 15
() Appel de fonction, regroupement Regroupe les opérations ou appelle une fonction. 15
typeof Définition du type de données Opérateur unaire, renvoie le type de données de l'opérande. 14
instanceof Vérification du type d'objet L'opérateur vérifie si un objet est une instance d'une classe spécifique. L'opérande de gauche doit être un objet, l'opérande de droite doit contenir le nom de la classe d'objets. Le résultat est vrai si l'objet spécifié à gauche est une instance de la classe spécifiée à droite ; sinon, faux. 10
dans Vérifier si une propriété existe L'opérande de gauche doit être une chaîne et l'opérande de droite doit être un tableau ou un objet. Si la valeur de gauche est une propriété d'un objet, le résultat sera vrai. 10
nouvelle création d'objet L'opérateur crée un nouvel objet avec des propriétés non définies, puis appelle la fonction constructeur pour l'initialiser (passer les paramètres). Il peut également être utilisé pour créer un tableau. 1
supprimer Supprimer L'opérateur permet de supprimer une propriété d'un objet ou un élément d'un tableau. Renvoie vrai si la suppression a réussi, sinon faux. La suppression d'un élément d'un tableau ne modifie pas sa longueur. 14
void Définition d'une expression sans valeur de retour Opérateur unaire, supprime la valeur de l'opérande et renvoie une valeur sous-affinée. 14
? : opération d'expression conditionnelle Opérateur ternaire, permet d'organiser des branchements simples. Il y a trois opérandes impliqués dans l'expression, le premier doit être une valeur logique ou être converti en elle, et le deuxième et le troisième doivent être n'importe quelle valeur. Si le premier opérande est vrai, alors l'expression conditionnelle prendra la valeur du deuxième opérande ; si faux - alors troisième. 3
document.write ("bonjour tout le monde"); // affiche la chaîne hello world i = 0, j = 1; // stocke les valeurs dans les variables function1 (10, 5); // appelle la fonction function1 avec les paramètres 10 et 5 var year =; // crée un tableau avec des éléments typeof (a: 1); // retournera "object" var d = new Date (); // crée un nouvel objet en utilisant le constructeur Date() d instanceof Date; // retournera true var mycar = (make: "Honda", model: "Accord", year: 2005); "faire" dans mycar ; // retournera true var obj = new Object (); // crée un objet vide var food = ["lait", "pain", "viande", "huile d'olive", "fromage"]; supprimer la nourriture ; // supprime le quatrième élément de food x> 10 ? x * 2 : x/2 ; // renvoie la valeur x * 2 si x> 10, sinon x/2

9. Commentaires JavaScript

Commentaire sur une seule ligne : faites précéder le texte du commentaire de // caractères.

2021 wisemotors.ru. Comment ça fonctionne. Fer. Exploitation minière. Crypto-monnaie.