JavaScript的变量基础精选（超详细的学习分享！）-js教程-PHP中文网

变量" >变量

首页

web前端

js教程

JavaScript的变量基础精选（超详细的学习分享！）

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Oct 12, 2021 pm 05:24 PM

javascript 变量

本篇讲的是JavaScript的变量基础，先讲一下变量的基础概念和标量的数据类型，希望对大家有所帮助，一起加油！

JavaScript的变量基础精选（超详细的学习分享！）

变量

1.1 变量的概念：

变量是指程序中一个已经命名的储存单位，它的主要作用就是为数据操作提供存放信息的容器。变量可以看作是一个容纳数据的容器。

1.2 变量的声明与赋值

在JavaScript中，使用变量前需要先对其进行声明，声明变量是使用系统关键字var来进行的。在声明变量时也可以使用赋值号“=”对变量进行赋值，语法格式如下：

var 变量名 = 变量值

登录后复制

举例：

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

登录后复制

1.3 变量的命名规则

变量不能以数字开头，可以以字母或下划线开头。
JavaScript的变量名要区分大小写。
不能使用JavaScript中的关键字作为变量名。

2.变量的数据类型

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

2.1数值型

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

例：

var a = 10;
var y = 0.1;
var x = 100;

登录后复制

其中较为特殊的是：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>

登录后复制

现在我们想让一个东西的长度变成原来的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>

登录后复制

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

常用的转义字符有：\’、\”、\\、\r、\n等。

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

登录后复制

2.3 布尔型

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

var a = true;
var b = false

登录后复制

布尔型常用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>

登录后复制

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>

登录后复制

2.5 空型

空型只有一个值：null。

当一个对象不存在时，将返回空型；如果你想清除一个变量的值的话，可以给赋一个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>

登录后复制

【推荐学习：javascript高级教程】

以上是JavaScript的变量基础精选（超详细的学习分享！）的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7678

CakePHP 教程

1393

C# 教程

1207

steam的账户名称是什么格式

win11激活密钥永久

显示更多

Related knowledge

如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言：随着科技的不断发展，语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统，具备了低延迟、实时性和跨平台的特点，成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

WebSocket与JavaScript：实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript：实现实时监控系统的关键技术引言：随着互联网技术的快速发展，实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用，并给出代码示例，详细解释其实现原理。一、WebSocket技

JavaScript和WebSocket：打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket：打造高效的实时天气预报系统引言：如今，天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展，我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中，我们将学习如何使用JavaScript和WebSocket技术，来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

简易JavaScript教程：获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程：如何获取HTTP状态码，需要具体代码示例前言：在Web开发中，经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时，我们经常需要获取返回的HTTP状态码来判断操作是否成功，根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码，并提供一些实用的代码示例。使用XMLHttpRequest

Python 语法的思维导图：深入理解代码结构 Feb 21, 2024 am 09:00 AM

python凭借其简单易读的语法，广泛应用于广泛的领域中。掌握Python语法的基础结构至关重要，既可以提高编程效率，又能深入理解代码的运作方式。为此，本文提供了一个全面的思维导图，详细阐述了Python语法的各个方面。变量和数据类型变量是Python中用于存储数据的容器。思维导图展示了常见的Python数据类型，包括整数、浮点数、字符串、布尔值和列表。每个数据类型都有其自身的特性和操作方法。运算符运算符用于对数据类型执行各种操作。思维导图涵盖了Python中的不同运算符类型，例如算术运算符、比

什么是Java中的实例变量 Feb 19, 2024 pm 07:55 PM

Java中的实例变量是指定义在类中，而不是方法或构造函数中的变量。实例变量也称为成员变量，每个类的实例都有自己的一份实例变量副本。实例变量在创建对象的过程中被初始化，以及在对象的生命周期中保存并保持其状态。实例变量的定义通常放在类的顶部，可以用任何访问修饰符来声明，可以是public、private、protected或默认访问修饰符。这取决于我们希望这个变

如何使用Ajax从PHP方法中获取变量？ Mar 09, 2024 pm 05:36 PM

使用Ajax从PHP方法中获取变量是Web开发中常见的场景，通过Ajax可以实现页面无需刷新即可动态获取数据。在本文中，将介绍如何使用Ajax从PHP方法中获取变量，并提供具体的代码示例。首先，我们需要编写一个PHP文件来处理Ajax请求，并返回所需的变量。下面是一个简单的PHP文件getData.php的示例代码：

深入理解C语言中的const Feb 18, 2024 pm 12:56 PM

C中const的详解及代码示例在C语言中，const关键字用于定义常量，表示该变量的值在程序执行过程中不能被修改。const关键字可以用于修饰变量、函数参数以及函数返回值。本文将对C语言中const关键字的使用进行详细解析，并提供具体的代码示例。const修饰变量当const用于修饰变量时，表示该变量为只读变量，一旦赋值就不能再修改。例如：constint

See all articles

JavaScript的变量基础精选（超详细的学习分享！）

变量

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题