JS基础-变量

合集 - HTML基础(26)

1.HTML基础-初识HTML2023-07-072.HTML基础-常用HTML标签2023-07-073.CSS基础-初识CSS2023-07-084.CSS基础-选择器2023-08-095.CSS基础-权重计算2023-08-116.CSS基础-文字样式2023-08-147.CSS基础-行和段落常用属性2023-08-158.CSS基础-继承性2023-08-169.CSS基础-盒模型2023-08-1710.CSS基础-浮动2023-08-1811.CSS基础-定位2023-08-2112.CSS基础-边框和圆角2023-08-2213.CSS基础-背景2023-08-2414.CSS基础-2D变形2023-08-2815.CSS基础-3D变形2023-08-3016.CSS基础-过渡动画2023-08-3117.JS基础-初识JavaScript2023-09-03

18.JS基础-变量2023-09-04

19.JS基础-数据类型2023-09-0620.JS基础-表达式和运算符2023-09-0721.JS基础-数据类型转换2023-09-0822.JS基础-分支语句2023-09-0923.Js基础-循环语句2023-09-1124.Js基础-复杂数据类型之数组2023-09-1225.Js基础-函数2023-09-1326.Js基础-闭包2023-09-15

收起

变量是计算机世界当中参与运算并存储结果的单元。

变量本身代表一个数值，是数值的抽象。

// a 就表示一个变量
var a = 123;

变量命名规则

• 变量只能用字母、数字、下划线、$组成
• 变量不能以数字开头
• 变量不能是关键字（如 var, let, const 等）。
• 变量大小写敏感， abc 和 ABC 是不同的变量。

使用规范

关键字 var

var 是 用来声明用的关键字， 以后可能还会讲到 let, const 等关键字。

var a = 123;

js是一种弱类型的语言， 它不强制声明变量时必须使用 var 关键字。

不过不使用 var 关键字 可能会造成作用域的问题。

<script>
    // 变量 b 在函数中定义， 我们本来希望只在 内部使用 b 变量。
    // 如果不使用 var 关键字声明变量， 那么函数外部也会访问到 定义的 b 变量
    function abc() {
      b = 10;
    }
    abc();
    console.log(b);
  </script>

因此，强烈建议声明变量必须使用 var（或者以后讲的 let, const）。

初始化

初始化的意思就是给变量赋初始值。如果声明变量的时候不赋初值， 则变量的值 为 undefined。

ps:  = 等号表示赋值， 即将等号右边的值，赋值给左边的变量。

方式一:  先声明变量 然后赋初值。

<script>
  var a;
  console.log("a=", a);
  a = 123;
  console.log("a=", a);
</script>

方式二：声明变量的同时赋初值。

<script>
  var a = 123;
  console.log(123);
</script>

多个变量的声明

方式一：使用一次var关键字，声明多个变量， 中间用 ,(逗号)隔开。

<script>
      var a = 123, b = 456;
      console.log("a=", a, ",b=", b);
 </script>

方式二：使用 多个 var 关键字，声明多个变量。

<script>
    var a = 123;
    var b = 456;
    console.log("a=", a, ",b=", b);
</script>