Maison > interface Web > js tutoriel > Apprentissage JavaScript : utiliser const pour déclarer des constantes

Apprentissage JavaScript : utiliser const pour déclarer des constantes

WBOY
Libérer: 2022-08-09 16:47:24
avant
2474 Les gens l'ont consulté

Cet article vous apporte des connaissances pertinentes sur javascript, qui présente principalement les problèmes liés à l'utilisation de const pour déclarer des constantes. Const est utilisé pour déclarer une ou plusieurs constantes. Elles doivent être initialisées lors de la déclaration, et la valeur après initialisation ne peut pas l'être. modifié. Examinons-le ensemble, j'espère que cela sera utile à tout le monde.

Apprentissage JavaScript : utiliser const pour déclarer des constantes

【Recommandations associées : tutoriel vidéo javascript, front-end web

const est utilisé pour déclarer une ou plusieurs constantes, qui doivent être initialisées lors de la déclaration, et la valeur ne peut pas être modifiée après l'initialisation. "const déclare des constantes" entre les deux : les constantes déclarées avec

const doivent être initialisées, tandis que les variables déclarées avec let ne le font pas. La valeur d'une constante définie avec

const ne peut pas être modifiée par réaffectation, ni être déclarée à nouveau. Les valeurs des variables définies par let peuvent être modifiées.
  • Portée au niveau du bloc
  • Les constantes définies par const ont également une portée au niveau du bloc
var a = 10;
const x = 'world';
if (a > 0){
    const x = 'hello';
    console.log(x);   // 这里输出 x 为 hello
}
console.log(x);  // 这里输出 x 为 world
Copier après la connexion

ne peut pas avoir le même nom que d'autres variables ou fonctions dans sa portée

{
    var x = 'world';
    const x = 'hello';  // 报错
}
Copier après la connexion
    Initialisation
  • les constantes déclarées par const doivent être initialisées, tandis que let La variable déclarée n'a pas besoin d'être
  • // 错误写法
    const PI;
    PI = 3.14
    Copier après la connexion
  • Ce qui suit est la bonne façon de l'écrire. Les valeurs sont attribuées lors de la déclaration
// 正确写法
const PI = 3.14;
Copier après la connexion

La valeur ne peut pas être modifiée après l'initialisation

const PI = 3.14;
PI = PI + 1; // 报错
Copier après la connexion

Ce n'est pas une vraie constante

Les types chaîne et numériques définis à l'aide de const sont immuables. Lorsqu'ils sont définis. Lorsqu'il s'agit d'un objet ou d'un tableau, son contenu peut être modifié.

const Définir un objet peut modifier les propriétés

const Définir un objet peut modifier les propriétés

const person = {
    name: "yoyo",
    age: 20,
};
person.name = 'hello';
person.age = 30;
console.log(person.name);   // hello
console.log(person.age);     // age
Copier après la connexion

Mais vous ne pouvez pas réaffecter des valeurs à l'objet

const person = {
    name: "yoyo",
    age: 20,
};
person = {name: 'xx', age: 23};  // 报错
Copier après la connexion

const Définir un tableau pour modifier les membres

const Définir un tableau peut modifier la valeur d'un membre

const a = ['hello', 'world'];

// 修改元素
a[0] = "yoyo";
console.log(a);  //   ['yoyo', 'world']
a.shift('12');
console.log(a);  //   ['world']
a.unshift('xx');
console.log(a);  //   ['xx', 'world']
a.push('yy');
console.log(a);  //   ['xx', 'world', 'yy']
Copier après la connexion

La même chose ne peut pas être faite pour la réaffectation d'un tableau de constantes :
const a = ['hello', 'world'];
a = ['x', 'y']; // 报错
Copier après la connexion
Résumé : Une constante est une quantité dont la valeur (adresse mémoire) ne peut pas être modifiée. Les définitions de Const nécessitent souvent une valeur initiale.

【Recommandations associées :

tutoriel vidéo javascript

,

front-end web

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!

Étiquettes associées:
source:csdn.net
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal