Maison > interface Web > js tutoriel > Résumé des conventions de déclaration et de dénomination des variables javascript

Résumé des conventions de déclaration et de dénomination des variables javascript

WBOY
Libérer: 2022-08-03 17:17:01
original
2322 Les gens l'ont consulté

Cet article vous apporte des connaissances pertinentes sur javascript, qui présente principalement les règles d'écriture de JavaScript, le format de déclaration des variables, les règles de dénomination des variables et les précautions, les types de données des variables et la classification des types de données. jetez un œil à l’utilisation de null et d’undefined. J’espère que cela sera utile à tout le monde.

Résumé des conventions de déclaration et de dénomination des variables javascript

【Recommandations associées : Tutoriel vidéo Javascript, front-end Web

Règles de grammaire

  • JavaScript n'est pas sensible aux nouvelles lignes, aux indentations et aux espaces.

  • Un point-virgule doit être ajouté à la fin de chaque instruction. Bien que le point-virgule ne soit pas nécessaire, afin de compresser le programme à l'avenir, si vous n'ajoutez pas de point-virgule, il ne s'exécutera pas après la compression.

  • Tous les symboles sont en anglais. Tels que les crochets, les guillemets et les points-virgules.

Commentaires

L'ajout de commentaires au programme peut faciliter la compréhension et l'explication de la fonction du programme, et améliorer la lisibilité du code. Le programme ne fonctionnera pas avec le contenu des commentaires.

Format de syntaxe de déclaration des variables

La déclaration des variables se fait à l'aide de mots-clés systèmevar Les variables peuvent être déclarées individuellement ou plusieurs en même temps. Les variables peuvent également être initialisées (valeurs de caractères variables) lors de la déclaration

Exemple :

var name;         //声明一个变量
var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = "小强";   //一边声明一边赋值
Copier après la connexion

Déclaration. de variables (trois façons)

Les variables doivent être déclarées avant utilisation ; les mots-clés pour déclarer les variables sont : var;

语法:var 变量名 = 变量值;
Copier après la connexion

Déclarez d'abord, puis attribuez des valeurs

var a; //变量的声明
a = 10; //变量的赋值
Copier après la connexion

Déclarez et attribuez des valeurs en même temps

var a = 10; //变量的声明和赋值
Copier après la connexion

Déclarez en même temps plusieurs variables et attribuez des valeurs (remarque : lors de la déclaration de plusieurs variables et de l'attribution de valeurs, séparez les variables par des virgules)

var a = 10, b = 20; //多个变量的声明和赋值
Copier après la connexion

Ne déclarez pas, attribuez des valeurs directement (remarque : c'est une manière irrégulière d'écriture!)

age = 18; //变量的赋值
console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用
Copier après la connexion

Déclarez uniquement, Aucune affectation, la valeur par défaut est indéfinie

var name; //变量的声明
console.log( name ); //undefined
Copier après la connexion

Ne déclarez ni n'attribuez de valeur, utilisez-la directement

Si une variable n'est pas déclarée ou affectée, utilisez-la directement, une erreur sera signalé, le nom n'est pas défini, car la variable nom n'existe pas du tout. Remarque : A partir de la ligne où l'erreur est signalée, le code suivant ne sera pas exécuté !

console.log( '我是第一行代码' ); //正常显示
console.log( name ); //报错
console.log( '我是第二行代码' ); //不显示不执行
Copier après la connexion

Règles de dénomination des variables

  • Strictement sensible à la casse (les variables majuscules et les variables minuscules sont des variables différentes)

  • Les noms de variables ne peuvent pas commencer par des chiffres, mais peuvent commencer par des lettres, des traits de soulignement ou $

    Par exemple : var _name, $age; (correct) var 3abc; (faux)

  • Le nom de la variable ne peut pas être un mot-clé système.

    Par exemple : var, switch, for, case, else, while, etc.

  • Les noms de variables dans JS sont sensibles à la casse.

    Par exemple : name et Name sont deux variables

  • Les noms des variables en JS doivent être significatifs.

    Par exemple : la variable représentant l'âge utilise age et le nom utilise userName

  • Deux méthodes de dénomination lorsque le nom de la variable est composé de plusieurs mots

    • Nom en casse Camel :

      Le premier mot est entièrement en minuscules, et le mot suivant est entièrement en minuscules. Mettez en majuscule la première lettre de chaque mot.

      Pour Exemple:

      var  userName = "钢蛋"
      Copier après la connexion
    • NAMING SUPPRIMÉ:

      TOUR Les mots sont en minuscules, connectés à des soulignements au milieu

      pour l'exemple:

      var  get_user_name = "铁柱"
      Copier après la connexion

data Type de variable

variables ont des types de données, JavaScript est un langage faiblement typé ou dynamique, ce qui signifie qu'il n'est pas nécessaire de déclarer le type de variable à l'avance. Lorsque le code est en cours d'exécution, le type de données de la variable est jugé par le moteur JS en fonction du type de données de. la valeur de la variable sur le côté droit de la variable = (signe égal). Cela signifie également que la même variable peut être utilisée sous différents types. Ce type provient de la "valeur de la variable". Autrement dit : quel que soit le type de la valeur, la variable est de ce type.

    Les types de variables en JS sont :
  • type numérique (nombre), type de caractère (chaîne), type booléen (booléen), non défini (indéfini), nul (vide), tableau (tableau), objet (objet ) ), fonction (fonction)

  • Les types de données des variables sont divisés en deux catégories

Types de données de base :

type numérique, type de caractère, type booléen, type non défini et type vide. Particularité très notable : un nom de variable ne peut stocker qu'une seule valeur.

var a = 10;
var b = 'string';
var c = false;
var d = undefined;
var e = null;
Copier après la connexion

Types de données composites

Tableaux, objets, fonctions, fonctionnalités notables : un nom de variable peut stocker plusieurs valeurs.

var arr = [10,20,30,40];//数组
var today = new Date();//对象
//函数
function myFunction(){
	console.log('函数');
}
Copier après la connexion

Type numérique : variables pouvant effectuer des opérations mathématiques

Les types numériques incluent : entier, virgule flottante, NaN (indiquant qu'il ne s'agit pas d'une valeur numérique).

var a = 999;// 整型
var b = 0.9;// 浮点型
var c = NaN;// NaN
Copier après la connexion

NaN ​​​​est une valeur très spéciale en type numérique. NaN (pas un nombre) n'est pas un nombre lors de la conversion d'autres types de données en types numériques, mais le programme ne peut pas signaler d'erreur. Dans ce cas, un NaN sera renvoyé. La valeur NaN elle-même est une variable numérique.

Type de caractère

Une chaîne entourée de guillemets simples ou doubles.

var a = "我是一个字符串";
var b = '我也是一个字符串';
var c = "";
Copier après la connexion

Attention :

  • 单引号和双引号之间可以相互嵌套;
  • 单引号内只能嵌套双引号;
  • 双引号内只能嵌套单引号。

布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

布尔型只有两个状态。如:性别、婚否、灯的开关等。

布尔型常用if条件判断语句中

var a = true;
var b = false;
Copier après la connexion

未定义型 undefined

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

当一个对象的属性不存在,也返回未定义型。

var a;//定义了变量但未赋值
console.log(a) // undefined

// 定义了一个对象
var obj = {
	uname: '品如',
	info: '你好骚啊!',
	age: 20
}
var test = obj.gender
console.log(test) // undefined
Copier après la connexion

空型 null

当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值
Copier après la connexion

【相关推荐:javascript视频教程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:php.cn
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