Notes d'étude JavaScript (2): syntaxe de base js

0 Table des matières

Variable
Type de valeur (type de données)
Opérateur arithmétique
Opérateurs de comparaison et opérateurs logiques
Déclaration conditionnelle
Valeur de référence initiale
Règles de base de l'instruction js

1 variable

1.1
Déclaration des variables Utilisez le mot-clé var pour déclarer les variables. Les utilisations
sont les suivantes:var a = 100；

1.2 Règles de nommage variables

Les noms de variable peuvent contenir des lettres anglaises, des traits de soulignement, $, des nombres
Les noms de variables doivent commencer par l'une des lettres anglaises, le trait de soulignement et $
N'utilisez pas de mots clés système et de mots réservés comme noms de variables, tels que: int, float, var, etc.

2 Type de valeur (type de données)

2.1
Cinq types de valeur d'origine immuable (données de pile) : nombre, chaîne, booléen, non défini (non attribué), null (valeur null)

2.2 Valeur de référence (données de tas)
telles que: tableau matriciel, objet, fonction de méthode, etc.

2.3 Le processus et la différence entre la déclaration et l'attribution des valeurs d'origine et de référence

Processus de déclaration et d'affectation de la valeur d'origine:
Déclaration de valeur de référence et processus d'affectation:
comme une instruction var arr = [1, 2];, commencez par demander un espace mémoire dans la zone de pile, nommé arr, puis placez les données [1, 2] dans un espace dans la zone de tas, puis utilisez l'adresse d'espace de la zone de tas comme La valeur est placée dans l'espace de pile arr.

Instruction var arr1 = arr;, appliquez un espace mémoire dans la zone de pile, nommé arr1, puis copiez l'adresse dans l'espace de zone de pile arr vers l'espace de zone de pile arr1, l'espace de zone de tas pour stocker les données [1, 2] ne change pas.

Réaffectez la variable arr :, les arr = [1, 2, 3]deux opérations précédentes, de sorte que les adresses stockées dans l'espace de pile arr et l'espace de pile arr1, respectivement, pointent vers l'espace de tas 1010, les données d'origine stockées dans l'espace de tas 1010 sont [1, 2], pour la variable arr Après la réaffectation, les données stockées dans l'espace de mémoire deviennent [1, 2, 3], ce qui conduit à une réaffectation ultérieure 变量arr的值 = 变量arr1的值 = [1, 2, 3].

3 Opérateurs arithmétiques

3.1 Signe plus: "+"

Le signe plus peut être utilisé pour des opérations mathématiques, par exemple var a = 1; a = a+1;, le résultat a est égal à 2
Le signe plus peut également être utilisé pour la concaténation de chaînes, par exemple var a = 'aaa'; var b = 'bbb'; var c = a+b;, le résultat c est égal à 'aaabbb'
Tout type de données effectue une opération "+" avec une chaîne et le type de données résultant est un type de chaîne. Par exemple var a = 1; var b = 'b'; var c = a+b;, le résultat c est égal à "1b" et le type de données est une chaîne

3.2 Autres opérateurs

-	*	/	%	=	()
Soustraction	Multiplication	Division	Diviser par	Affectation	Les supports changent de priorité

Parmi eux, "=" a la priorité la plus faible, le crochet "()" a la priorité la plus élevée

3.3 Opérateurs spéciaux
"++", "-", "+ =", "- =", "* =", "/ =", "% =" l'
utilisation est cohérente avec l'utilisation dans d'autres langues de haut niveau, n'est plus ici Donnez un exemple.

4 Opérateurs de comparaison et logiques

4.1 Les opérateurs de comparaison
"<", ">", "==", "> =", "<=", "! ="
Sont respectivement inférieurs à, supérieurs à, égaux, supérieurs ou égaux à, inférieurs ou égaux à, non égaux à

4.2 Opérateurs logiques

&&	\|\|	!
Avec	Ou	Non

5 Déclarations conditionnelles

5.1 instruction if

if(表达式){
    语句;
}

5.2 Instruction if-else

if(表达式){
    语句;
} else {
    语句;
}

5.3 else if instruction

if(表达式1){
    语句1;
}else if(表达式2){
    语句2;
} else {
    语句3;
}

5.4 pour boucle

for(初始化表达式; 条件表达式; 更新表达式){
    语句;
}

5.5 tandis que 和 faire tout

while(循环条件){
    循环体;
}

do{
    循环体
}while(循环条件);

La différence la plus évidente entre while et do-while est que do-while exécute une boucle au début, donc l'instruction do-while exécutera la boucle au moins une fois
5.6 switch-case

switch(表达式){
    case n:
        语句...
    case n:
        语句...
    default:
        语句...

Il convient de noter que l'instruction case identifie uniquement le point de départ de l'exécution de l'instruction switch. Une fois l'instruction conditionnelle du cas remplie, tous les cas suivants seront exécutés jusqu'à la fin. Ajoutez donc généralement une pause dans le cas à la fin de l'instruction:

switch(表达式) {
    case n:
        代码块
        break;
    case n:
        代码块
        break;
    default:
        默认代码块;
}

5.7 break and continue
Dans le processus de boucle, utilisez l'instruction break pour terminer directement la boucle, exécutant ainsi l'instruction derrière la boucle,
et utilisez l'instruction continue pour terminer le cycle en cours et continuer à exécuter le cycle suivant

6 Valeur de référence initiale

6.1 Tableau
La méthode de déclaration du tableau est la suivante: la var arr = [1, 2, 3, 4, 5, "abc", true]
récupération des données du tableau se fait par indice, comme:, var a = arr[0]une valeur est 1 ;, la var b = arr[1]valeur b est 2
prend la longueur du tableau, par exemple var c = arr.length, la valeur c est 7

6.2 Objets Les
objets incluent des valeurs d'attribut et des noms d'attribut. Ils sont tous entourés de "{}".
Les méthodes de déclaration d'objet sont les suivantes:

var obj = {
    name: "xiaowu",
    age: 22,
    sex: "男"
}

Parmi eux, le nom, l'âge, le sexe sont des noms d'attribut, "xiaowu", 22, "male" sont des valeurs d'attribut

La façon d'obtenir la valeur d'attribut de l'objet, telle que :, var a = obj.namela valeur de a est la chaîne "xiaowu"

7 Règles de base de l'instruction js

L'instruction 7.1 doit être suivie d'un point-virgule. Par exemple, le var a = 1;
format d'écriture doit être normalisé: "=, +, /, -" doit être ajouté des deux côtés de ces opérateurs, par exemple: var a = b + 1;
7.3 Une erreur de syntaxe JS entraînera la fin de l'exécution du code suivant, Mais cela n'affectera pas les autres blocs de code js. Par exemple, il y a plusieurs balises de script dans un fichier HTML et une erreur de script se produit dans une balise de script et se termine, mais cette situation n'affectera pas l'exécution du code js dans une autre balise de script. . Exemples:

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <script>
            var a = 10:	//冒号不能作为语句的结尾，所以语法解析错误，会报错
        </script>

        <script>
            var b = 20;	//上面的script标签报错并不会影响这个标签里的代码执行，这行代码将会继续正常执行
        </script>
    </body>
</html>

7.4 Il existe deux types d'erreurs dans les instructions js:

erreur Parser (erreur stupide)
avant l'exécution de code du navigateur, il passera par tout le code, si l'erreur d'analyse si elle est présente, dirigera une erreur, un code ne sera pas exécuté, comme:
var a = 10+un signe plus ne peut pas servir à la fin de la déclaration , Il y a donc une erreur d'analyse grammaticale et une erreur est signalée directement.
Exemples d' erreurs logiques (autres que les erreurs de syntaxe) :

var a = 10;
document.write(a);
document.write(b);
document.write("20");

Il n'y a qu'un "10" dans le résultat en cours d'exécution du code, car dans la troisième ligne, b n'est pas déclaré, c'est une erreur logique. Lorsqu'une erreur logique se produit, le code avant l'erreur est exécuté normalement. Lorsque l'erreur est atteinte, l'exécution est arrêtée immédiatement. , Et le code derrière l'erreur ne sera pas exécuté.