JavaScript 基本变量语法的使用

本变量语法

1、在使用javaScript的时候，遵循以下命名规范

2、必须以字母或下划线开头，中间可以是数字、字符或下划线

，也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

3、变量名不能包含空格等符号，严格区分大小写

4、不能使用javaScript关键字作为变量名，如：function

1、变量的声明

1、变量是用于存储信息的"容器"

2、在 JavaScript 中创建变量通常称为"声明"变量

3、我们使用 var 关键词来声明变量

4、变量声明之后，该变量是空的（它没有值）如需向变量赋值，请使用等号

5、不过，您也可以在声明变量时对其赋值

2、多变量

1、可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可

3、重新声明 JavaScript 变量

1、如果重新声明 JavaScript 变量，该变量的值不会丢失：

2、在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

家好，在本篇文章中，我们将深入了解JavaScript变量的方方面面。无论你是初学者还是有一定经验的开发者，本文都将为你揭开JavaScript变量的奥秘，让你轻松掌握这门重要的编程语言。

一、变量是什么？

在JavaScript中，变量是存储数据的容器，它们允许你在程序中存储和操作各种类型的值。使用变量可以使你的代码更加灵活和可维护，因为你可以在程序中多次使用同一个值，而不需要重复输入。通俗的理解变量就是使用【特定符号】来代表【特定数据】。

  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量</title>
</head>
<body>
    <script>
          x = 1
          y = 2
        // x和y两个符号分别表示了数字1和2
            
        //举例：使用变量记录数据
        // 将用户输入的内容保存在 num 这个变量（容器）中
          num = prompt('请输入一数字!')
          // 通过 num 变量（容器）将用户输入的内容输出出来
          alert(num)
          document.write(num)
        </script>
</body>
</html>

二、声明变量：

要使用变量，首先需要声明它。在JavaScript中，有三种声明变量的方式：使用var、let和const关键字。这些关键字的选择取决于变量的作用域和是否允许重新赋值。

声明(定义)变量有两部分构成：声明关键字、变量名（标识）

关键字

关键字也叫保留字，是 JavaScript 中内置的一些英文词汇（单词或缩写），它们代表某些特定的含义。以下是JavaScript常见的一些关键字。

case       else       new         var

catch      export     return      void

class      extends    super       while

const      finally    switch      with

continue   for        this        yield

debugger   function   throw

default    if         try

enum       await      implements  protected

interface  public     package     static

import     from       as

这些关键字在JavaScript的语法中有特定的用途，例如：

if、else、switch、case、default：条件语句和分支逻辑的控制。
for、while、do：循环结构。
function：用于声明函数。
var、let、const：用于声明变量。
class、extends、super：用于创建和扩展类。
return：用于从函数中返回值。
break、continue：用于控制循环和语句块的执行流程。

声明变量和赋值

声明变量：关键字+变量名

赋值：变量名 = XX数据

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>变量声明和赋值</title>
</head>
<body>
  
  <script> 
    // 声明(定义)变量有两部分构成：声明关键字、变量名（标识）
    // let 即关键字，所谓关键字是系统提供的专门用来声明（定义）变量的词语
    // age 即变量的名称，也叫标识符
    let age
    // 赋值，将 25 这个数据存入了 age 这个“容器”中
    age = 25
    // 这样 age 的值就成了 25
    document.write(age)
    
    // 也可以声明和赋值同时进行
    let str = '你好，谧夜星球！'
    alert(str);
  </script>
</body>
</html>

let、var和const声明变量的部分区别

作用域：

var：使用 var 声明的变量具有函数作用域，在函数内部声明的 var 变量在函数外部仍然可以访问。它也具有变量提升（hoisting）的特性，变量声明会被提升到作用域的顶部。
let 和 const：使用 let 和 const 声明的变量具有块级作用域，这意味着在代码块（如循环、条件语句等）内部声明的变量只能在该块内部访问。

变量提升：

var 存在变量提升，这意味着变量声明会被提升到作用域的顶部，但赋值操作不会提升。这可能导致在变量声明之前就使用变量，其值为 undefined。
let 和 const 存在变量提升，但在声明之前使用变量会引发暂时性死区（Temporal Dead Zone，TDZ）错误，即在声明之前访问会抛出错误。

变量重复声明：

var 允许在同一作用域内重复声明同名的变量，不会抛出错误。
let 和 const 不允许在同一作用域内重复声明同名的变量，否则会抛出错误。

可变性：

var 和 let 声明的变量可以重新赋值。
const 声明的变量是常量，一旦赋值后就不能再被重新赋值。

全局对象属性：

var 声明的全局变量会成为全局对象的属性（在浏览器环境中是 window 对象的属性）。
let 和 const 声明的全局变量不会成为全局对象的属性。

初始化：

var、let 和 const 在声明时都可以不进行初始化，此时变量的初始值都将是 undefined。

适用场景：

var 在现代 JavaScript 中使用较少，因为它具有函数作用域和变量提升的特性，容易引发一些意外行为。在循环中使用 var 可能会导致闭包问题。
let 是块级作用域的变量声明方式，适合大多数情况，尤其是需要在循环中使用的情况。
const 用于声明常量，适用于那些不希望被重新赋值的变量。

综上所述，let 和 const 是在现代 JavaScript 中更常见和推荐的变量声明方式，可以更好地控制作用域、避免一些潜在问题，并提高代码的可读性和可维护性。

三、变量的命名规则：

在命名变量时，需要遵循一些规则：

变量名必须以字母、下划线（_）或美元符号（$）开头,不能以数字开头。
变量名可以包含字母、数字、下划线和美元符号。
变量名区分大小写，例如myVar和myvar是不同的变量。
JavaScript 内部已占用于单词（关键字或保留字）不允许使用
尽量保证变量具有一定的语义，见字知义

四、变量的作用域：

变量的作用域指的是变量在代码中的可访问范围。JavaScript中有两种主要的作用域：全局作用域和局部作用域。

全局作用域中声明的变量可以在整个程序中访问。
局部作用域中声明的变量只能在声明它的代码块内部访问。

常量

概念：使用 const 声明的变量称为“常量”。

使用场景：当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。

命名规范：和变量一致

const PI = 3.14

注意：常量不允许重新赋值,声明的时候必须赋值（初始化）

总结：

本文深入介绍了JavaScript变量的各个方面，从声明变量到变量的作用域、命名规则以及使用方法等。通过学习这些基础知识，你将能够更好地理解和运用JavaScript变量，为你的编程之路铺平道路。

希望本文能够帮助你更深入地理解JavaScript变量，让你在编程的旅程中游刃有余。如果你有任何关于JavaScript变量的疑问，欢迎在评论区提出，我将竭诚为你解答！

感谢阅读本文，希望能够对你有所帮助。记得点赞、分享！持续更新中！

天来说一下Javascript的变量。

第一节里面可以看到这样的语句：

var a=1;
var b=5;
var c=10;
console.log(c-b+a);

在这个里面，a、b、c就是变量。

在JavaScript里面定义一个变量非常简单，就是：

var 变量名称=变量值

有的童靴可能会问，为什么需要定义变量呢？

因为程序是需要实现一定功能的，而实现功能就必须使用变量。

譬如你写了一个程序，来提示还房贷的日期到了，这个日期是每月10号。

那么程序大概是这样的：

var 提示消息=“还款日期到了，注意卡里面有没有钱”
if(今天日期==10）
{
console.log(提示消息) //输入提示信息
}

在这个程序里面，“今天日期”肯定不是一个固定的值，因为可能对于5月10号来说，它的值是5-10，到了5月20号，它的值就变了。

这就是我们要定义一个变量的原因。

在JavaScript里面，每一个变量都是有类型的！

JS变量的类型主要有下面6种：

1、string--字符串
2、number-数值
3、boolean-true或者false，真还是假
4、null-空，悬空的值
5、undefined-没有定义的值
6、object-对象

为什么变量会存在不同的类型？

因为对不同类型来讲，它对应的不同的东西。

譬如一个加法操作，不同类型对应的操作可能如下：

number：对应显示中的数字，银行存款、车里程数等等，两个number，譬如5和10，相加就是2个数字的和，结果是15
string：字符串（譬如“hello”和“world”），两个字符串相加就是把他们连起来，结果是“helloworld”
boolean：是对应真假，譬如先进行“战场上那个人是不是敌人”这个判定，然后再采取进一步的动作。如果是就开枪，如果不是就过去集合
null、undefined判定是否变量是否定义过了或者当前状态是悬空状态。
object：对应显示中的物体。你在JS可以一个car的object，这个car表示一辆车，然后这辆车有型号、价格、行驶总里程数等属性，还有方法-把你从一个地方送到另外一个地方，它的总行驶里程数会会自动增加。总之object可以让你对应现实中的一个具体物体，来进行程序操作。

最后还是说一下那个变量输出的方法:

console.log(变量名）

这个方法的含义相信大家应该都懂了，就是在浏览器的Console（英文，终端的意思）里面输出变量的值。

另外呢，在Js里面，“//"表示后面的内容都是注释，代码运行的时候会直接省略，但是对于我们看代码有帮助。

最后还是来3个例子，大家可以去课程1里面提到的在线JS运行网站：

http://jsrun.net/new

去实际运行一下。

例子1：

var a=1000; //定义一个number变量，名称为a，数值为1000
var b=50;
console.log(a+b); //求他们的和

例子2：

var str1="Hello "; //定义string字符串变量
var str2="World!";
console.log(a+b); //求他们的和

例子3：

var num1=1000
var num2=900
var is_big=num1>num2; //这是个boolean变量
if(is_big){
console.log("num1 比num2 大“);
}
num3=9000
var is_little=num1<num3
if(is_little){
console.log("num1小于num3");
}

其它类型，以后会遇到的时候再说。

好了，今天就到这里！

在线咨询

上一篇：输入3个数a,b,c，按大小顺序输出，各种编程语言实现方法
下一篇：推荐8款非常好用的HTML5开发工具

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商