Maison > interface Web > js tutoriel > le corps du texte

Bases de variables sélectionnées de JavaScript (partage d'apprentissage super détaillé !)

WBOY
Libérer: 2021-10-12 17:38:16
original
1947 Les gens l'ont consulté

Cet article porte sur les bases des variables JavaScript. Parlons d'abord des concepts de base des variables et des types de données des scalaires. J'espère qu'il sera utile à tout le monde, travaillons ensemble !

Bases de variables sélectionnées de JavaScript (partage d'apprentissage super détaillé !)

  1. Variable

1.1 Le concept de variable :

Une variable fait référence à une unité de stockage nommée dans le programme. Sa fonction principale est de fournir un conteneur pour stocker des informations pour les opérations de données. . Une variable peut être considérée comme un conteneur contenant des données.

1.2 Déclaration et affectation des variables

En JavaScript, les variables doivent être déclarées avant de les utiliser. Le mot-clé système var est utilisé pour déclarer les variables. Lors de la déclaration d'une variable, vous pouvez également utiliser le numéro d'affectation "=" pour attribuer une valeur à la variable. Le format de syntaxe est le suivant : =”对变量进行赋值,语法格式如下:

var 变量名 = 变量值
Copier après la connexion

举例:

var  name ;  //声明一个变量
var name,city,like ; //声明多个变量,多个变量之间用英文状态下的逗号分开
var name = "阿泽"; //声明一个变量并且赋值
Copier après la connexion

1.3 变量的命名规则

  • 变量不能以数字开头,可以以字母或下划线开头。

  • JavaScript的变量名要区分大小写。

  • 不能使用JavaScript中的关键字作为变量名。

2.变量的数据类型

变量的类型关键在于值的类型

2.1数值型

数值型的变量是可以进行数学运算的,它包括:整型、浮点型和NaN

例:

var a = 10;
var y = 0.1;
var x = 100;
Copier après la connexion

其中较为特殊的是:NaN(not a number)不是一个数字。当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个NaN的值。如下情况:

<html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var length = "500m";
           length = length*5;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>
Copier après la connexion

现在我们想让一个东西的长度变成原来的5倍,一个字符串,是不能转换成有意义的数值的,只能转换成NaN
一个含纯数字的字符串,可以转成有意义的数值,可以修改length为纯数字的字符串,输出查看结果。

2.2字符型

单引号或者双引号引起来的一个字符串。

需要注意的是:单引号和双引号之间可以相互嵌套;单引号内只能嵌套双引号,双引号内只能嵌套单引号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str = "我的名字是&#39;" +name+"&#39;"
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html>
Copier après la connexion

其中加号是字符串连接符,如果想在双引号内,再嵌套双引号,里面的双引号,一定要进行转义(”)。JS中的转义字符是反斜杠()

常用的转义字符有:\rn等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str =  "我的名字叫做\"" +name+"\""
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html
Copier après la connexion

2.3 布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。也就是两个状态,比如:灯的开关、性别等。

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
     var a = 10;
           var b = 110;
           if(x>y){
               document.write(a+"比"+b+"大");
           }else{
               document.write(b+"比"+a+"大");
           }
    </script>
   </head>
<body>
    </body>
</html>
Copier après la connexion

2.4 未定义型

未定义型的值只有一个undefined

一个变量定义,未被赋值时,会返回为未定义型;一个对象,属性不存在时,也会返回为未定义型;

例:未赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x;
           document.write(x);
    </script>
   </head>
<body>
    </body>
</html>
Copier après la connexion

2.5 空型

空型只有一个值:null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x = null;
     var a = 100;
     var a = null ;
     document.write(x);
     document.write(a);
    </script>
   </head>
<body>
    </body>
</html>
Copier après la connexion
Exemple :

rrreee

1.3 Règles de dénomination pour. variables

    🎜Les variables ne peuvent pas commencer par des chiffres, mais peuvent commencer par des lettres ou des traits de soulignement.
    🎜🎜🎜🎜Les noms de variables JavaScript sont sensibles à la casse. 🎜🎜🎜🎜Vous ne pouvez pas utiliser de mots-clés en JavaScript comme noms de variables. 🎜🎜
🎜🎜🎜2. Type de données de la variable 🎜🎜🎜🎜La clé du type de variable réside dans le type de valeur 🎜🎜🎜2.1 Type numérique 🎜🎜🎜 Les variables de type numérique peuvent effectuer des opérations mathématiques, qui inclure : entier, virgule flottante et NaN
🎜🎜Exemple : 🎜rrreee🎜La chose la plus spéciale est : NaN (pas un nombre) n'est pas un nombre. Lors de la conversion d'autres types de données en types numériques, la conversion ne peut pas être effectuée, mais le programme ne peut pas signaler d'erreur. Dans ce cas, une valeur NaN sera renvoyée. La situation suivante : 🎜rrreee🎜Maintenant, nous voulons que la longueur de quelque chose soit 5 fois supérieure à sa longueur d'origine. Une chaîne ne peut pas être convertie en une valeur numérique significative et ne peut être convertie qu'en NaN
                                   La chaîne peut être convertie en une valeur numérique significative. valeur numérique significative. La longueur peut être modifiée en une chaîne purement numérique et le résultat de la visualisation peut être affiché. 🎜🎜🎜2.2 Type de caractère🎜
🎜🎜Une chaîne entourée de guillemets simples ou doubles.
🎜🎜Il convient de noter que les guillemets simples et les guillemets doubles peuvent être imbriqués les uns dans les autres ; seuls les guillemets doubles peuvent être imbriqués dans des guillemets simples, et seuls les guillemets simples peuvent être imbriqués dans des guillemets doubles. 🎜rrreee🎜Le signe plus est le connecteur de chaîne. Si vous souhaitez imbriquer des guillemets doubles dans des guillemets doubles, les guillemets doubles à l'intérieur doivent être échappés ("). Le caractère d'échappement dans JS est l'inverse de Slash() code> 🎜🎜Les caractères d'échappement couramment utilisés sont : <code>', , \, r, <code>. n, etc. 🎜rrreee🎜🎜2.3 Type booléen🎜
🎜🎜Le type booléen est également appelé type logique. Il n'y a que deux valeurs : vrai (vrai), faux (faux). C'est-à-dire deux états, tels que : interrupteur d'éclairage, sexe, etc. 🎜rrreee🎜Le type booléen est couramment utilisé dans les instructions de jugement conditionnel if, par exemple : 🎜rrreee🎜🎜2.4 Type non défini🎜
🎜🎜Le type non défini n'a qu'une seule valeur undéfini🎜. 🎜🎜🎜Une définition de variable reviendra au type indéfini lorsqu'aucune valeur ne lui est attribuée ; un objet reviendra également au type indéfini lorsque son attribut n'existe pas 🎜🎜Exemple : Non attribué
🎜rrreee🎜🎜2.5 Type vide ; 🎜
🎜🎜Le type vide n'a qu'une seule valeur : null. 🎜🎜Lorsqu'un objet n'existe pas, un type nul sera renvoyé ; si vous souhaitez effacer la valeur d'une variable, vous pouvez attribuer une valeur nulle. 🎜rrreee🎜【Apprentissage recommandé : 🎜Tutoriel avancé javascript🎜】🎜

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!