Déclarations JavaScript

Apprenez les bases des instructions JavaScript

Si les expressions sont des unités uniques de JavaScript que le moteur peut évaluer, les instructions peuvent contenir une ou plusieurs expressions différentes et sont exécutées par le moteur pour effectuer une opération.

Les programmes sont composés de plusieurs instructions. Les instructions peuvent s'étendre sur plusieurs lignes.

Tout comme avec les expressions, JavaScript a un ensemble d'instructions complètement différent:

  • instructions d'expression
  • déclarations de déclaration
  • instructions de flux de contrôle
  • instructions de boucle
  • déclarations diverses

Plongeons dans les détails.

Déclarations séparées

Les instructions peuvent se terminer par un point-virgule facultatif;. En l'utilisant, vous pouvez avoir plusieurs instructions sur une seule ligne. Je n'utilise normalement pas de points-virgules, mais vous pouvez l'utiliser chaque fois qu'une instruction se termine.

Déclarations d'expression

Une expression en elle-même est aussi une déclaration:

2
0.02
'something'
true
false
this //the current scope
undefined
i //where i is a variable or a constant
1 / 2
i++
i -= 2
i * 2
'A ' + 'string'
[] //array literal
{} //object literal
[1,2,3]
{a: 1, b: 2}
{a: {b: 1}}
a && b
a || b
!a
object.property //reference a property (or method) of an object
object[property]
object['property']
new object()
new a(1)
new MyRectangle('name', 2, {a: 4})
function() {}
function(a, b) { return a * b }
(a, b) => a * b
a => a * 2
() => { return 2 }
a.x(2)
window.resize()

Déclarations de déclaration

Avec une instruction de déclaration, vous attribuez une valeur à un nom de variable.

Exemples:

var i = 0
let j = 1
const k = 2

//declare an object value const car = { color: blue }

Voici les déclarations de fonction:

//declare a function
function fetchFromNetwork() {
  //...
}
//or
const fetchFromNetwork = () => {
  //...
}

Instructions de flux de contrôle

Les instructions peuvent être regroupées à l'aide d'un bloc:

{
  //this is a block
  const a = 1;
  const b = 2;
}

En utilisant cette syntaxe, vous pouvez avoir plusieurs instructions chaque fois que JavaScript attend une seule instruction.

Sachez que toutes les instructions de flux de contrôle conditionnel vérifient une expression et, en fonction de celle-ci, exécutent une instruction ou un bloc:

if (condition === true) {
  //execute this block
} else {
  //execute this block
}

Vous pouvez omettre les accolades si vous n'avez qu'une seule instruction:

if (condition === true) /* statement */ else /* another statement */

Je vais entrer dans toutes les différentes structures de flux de contrôle dans les sections suivantes.

Instructions de boucle

Les boucles fonctionnent de la même manière que lesifexemple ci-dessus.

Certaines boucles vérifient une expression et répètent une instruction en l'exécutant jusqu'à ce que l'expression soit évaluée à true.

D'autres boucles parcourent une liste et exécutent une instruction (ou un bloc) pour chaque élément de la liste, jusqu'à ce que la liste se termine.

Voir mon pleinTutoriel sur les boucles JavaScript.

Déclarations diverses

return <expression>

Cette instruction renvoie une valeur d'une fonction, mettant fin à l'exécution de la fonction.

throw <expression>

Lève une exception (nous verrons plus tard ce qu'est une exception)

tryetcatch

Un bloc try / catch est utilisé pour intercepter les exceptions. Encore une fois, nous verrons ceux appliqués plus tard.

try {

} catch (<expression>) {

}

use strict

Cette déclaration s'appliquemode strict.

debugger

Ajoute un point d'arrêt que ledébogueurpeut utiliser.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: