Maison >interface Web >js tutoriel >Bases de JavaScript 1

Bases de JavaScript 1

Susan Sarandon
Susan Sarandonoriginal
2025-01-09 06:59:42865parcourir

Basics of JavaScript 1

** Bases de JavaScript **

Le nom officiel de JavaScript est ECMAScript.

JavaScript → Le langage de programmation (marque déposée de Sun qui est désormais Oracle)

ECMAScript → Le nom utilisé par la spécification du langage. JavaScript est le nom de l'implémentation réelle qui s'exécute dans les navigateurs et les environnements comme Node.js

Déclarations vs expressions
Les instructions effectuent une action. Un programme est une séquence d'instructions. Par ex. varx;

Les expressions produisent une valeur de résultat. Il peut s'agir d'arguments de fonction, attribués à une variable, etc. 5*7

if-else comme déclaration :

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}

comme expression :

var a = b > 0 ? 0 : 10;

Ce dernier (opérateur ternaire) peut être utilisé comme argument de fonction puisqu'il produit toujours une valeur, contrairement au premier (if-else traditionnel), qui ne le fait pas.

Déclaration d'expression : Une expression utilisée là où une déclaration est attendue. L'expression sera calculée mais le résultat sera omis. Utilisé lorsque le but est lié à accomplir autre chose plutôt qu'à obtenir une valeur.

Par exemple

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement

Explication : N'oubliez pas une chose : les appels de fonction sont toujours des expressions en JavaScript. Donc ici, l’appel de fonction f() est une expression. L'effet secondaire de l'appel de fonction, c'est-à-dire le changement de la valeur de x à 20, se produit. Le résultat de l'expression f() est ignoré, mais le but de la fonction est toujours atteint (en modifiant la valeur de x).

Remarque : Les fonctions en JS renvoient toujours une valeur sans exception. S'il n'y a pas d'instruction return ou si la fonction ne renvoie pas de valeur, dans les deux cas, la fonction retournera undefined.

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined

Points-virgules

Les points-virgules en JS sont facultatifs mais il est toujours recommandé de les inclure car l'ASI (Automatic Semicolon Insertion) en JavaScript peut parfois se tromper sur la fin de l'instruction. Je discuterai des cas ambigus d'ASI dans un prochain article.

Variables et affectation

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;

Identifiants

Les identifiants sont des noms (séquence de caractères) utilisés pour identifier une variable, une fonction ou une propriété.

Règle :  Le premier caractère d'un identifiant peut être n'importe quelle lettre Unicode, un signe dollar ($) ou un trait de soulignement (_). Les caractères suivants peuvent également être n'importe quel chiffre Unicode.

Les mots de réserve ne peuvent pas être utilisés comme identifiants. Vous pouvez consulter la liste complète des mots réservés en JavaScript ici.

Infinity, NaN, undefined : Ce ne sont pas des mots-clés mais il faut les traiter comme s'ils l'étaient.

Valeurs

JavaScript, tout comme les autres langages de programmation, possède de nombreux types de données : booléens, nombres, chaînes, tableaux, etc. Toutes ces valeurs ont des propriétés. Ces propriétés se présentent sous la forme de paires clé-valeur. Vous pouvez utiliser l'opérateur point (.) pour accéder aux propriétés des objets.

value.propertyKey

Par ex. propriété length de la chaîne

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}

L'opérateur point can est également utilisé pour attribuer une valeur à une propriété.

var a = b > 0 ? 0 : 10;

Il peut également être utilisé pour invoquer des méthodes. Un exemple de méthode de chaîne intégrée :

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement

Valeurs primitives vs objets

En JavaScript, il existe une distinction spécifique entre les valeurs primitives et les objets.

Chaque objet est comparé par référence et est strictement égal à lui-même.

Par exemple

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined

C'est à l'opposé de la nature des valeurs primitives :

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;

Valeurs primitives : booléens, nombres, chaînes, non définis et nuls.

Caractéristiques des valeurs primitives :

  • 1. La valeur (le contenu) compte.
var str = "Sahil"
console.log (str.length); // 5

// can also be calculated as 'Sahil'.length()
  • 2. Leurs propriétés sont immuables
var bike = {};
bike.cc = 200;

console.log(bike.cc); // 200

Accéder à une propriété qui n'existe pas renverra undéfini

'SAHIL'.toLowerCase()

*Objets *

Toutes les valeurs non primitives sont considérées comme des objets en JavaScript.

  • 1. Objets simples : Objets simples réalisés à l'aide d'accolades. Par ex.
var bike = {};
var car = {};
console.log (bike === car); // false
  • 2. Tableaux : Les tableaux nous aident à stocker dans une collection de plusieurs éléments sous un seul nom de variable. Par ex.
var a = 20;
var b = 20;
console.log(a === b); // true
  • 3. **Expressions régulières : **Je ferai un article séparé à ce sujet. Pour l'instant, vous pouvez vous référer ici pour en savoir plus sur les expressions régulières.

Caractéristiques des objets

  • 1. Ils sont comparés par référence plutôt que par valeur qu'ils détiennent.
> 1 === 1
true
  • 2. Propriétés mutables
> var st = “sahil”
> str.length()
5

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:
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