如何在单个语句中创建多个 JavaScript 变量？

我们可以使用`var`、`let`和`const`关键字在一个语句中创建多个 JavaScript 变量，这些关键字用于在JavaScript中声明变量。我们可以用逗号 (,) 将多个变量连接在一起，在一个语句中声明，而不是分别声明每个变量。由于 JavaScript 是一种**弱类型语言**，因此可以在同一语句中声明多种数据类型的变量。

语法

var variable1 = value1, variable2 = value2, variable3 = value3;

这里，`var`是用于声明变量（例如：`variable1`、`variable2`、`variable3`）并为其赋值的关键字。

示例 1

在下面的代码片段中，我们将在一个语句中声明三个变量 a、b 和 c，并分别为它们赋值 3、9 和 5。

<!DOCTYPE html>
<html>
<head>
   <title>Creating multiple variables in a single statement</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var a = 3, b = 9, c = 5;
      document.getElementById("result").innerHTML = "value of a is :" + a + "<br/>value of b is :" + b + "<br/>value of c is :" + c;
   </script>
</body>
</html>

但是这种声明模式不限于相同类型的数据。我们可以以相同的方式声明整数、浮点数、字符串、数组以及对象。

示例 2

在下面的代码片段中，我们将创建一个整数变量 a，一个字符串变量 b 和一个数组变量 c，所有这些都在同一个语句中。

<!DOCTYPE html>
<html>
<head>
   <title>Creating multiple variables of different data types in a single statement</title>
</head>
<body>
   <div id = "result"> </div>
   <script>
      var a = 10, b = "name", c = [1,2,3];
      document.getElementById("result").innerHTML = "value of a is :" + a + "<br/>value of b is :" + b + "<br/>value of c is :" + c;
   </script>
</body>
</html>

甚至可以使用表达式来初始化布尔变量，并将其与其他数据类型变量一起连接。

示例 3

在下面的代码片段中，我们将创建 4 个变量，它们包含不同类型的数值：整数、布尔值和数组。

<!DOCTYPE html>
<html>
<head>
   <title>Creating multiple variables using expressions in a single statement</title>
</head>
<body>
   <div id = "result"> </div>
   <script>
      var a = 10, b = (10 > 5) , c = [1,2,3] , d = ("five" < "animal");
      document.getElementById("result").innerHTML = "value of a is :" + a + "<br/>value of b is :" + b + "<br/>value of c is :" + c + "<br/>value of d is :" + d;
   </script>
</body>
</html>

类似地，`let`和`const`等其他关键字也可以用于在一个语句中声明多个局部作用域变量。

**注意** - 但是，`const`变量一旦初始化就不能修改。

示例 4

在下面的代码片段中，将抛出错误，因为我们试图修改一个`const`变量。

<!DOCTYPE html>
<html>
<head>
   <title>Creating multiple objects in a single statement</title>
</head>
<body>
   <div id = "result"> </div>
   <script>
      const a = 5, b = 9;
      document.getElementById("result").innerHTML = "value of a is " + a + "<br/>value of b is " + b;
      
      // the below line will generate an error.
      a = 10;
      
      // this line does not execute
      document.getElementById("result").innerHTML = "value of a is " + a + "<br/>value of b is " + b;
   </script>
</body>
</html>

使用`const`的一个例子是声明对象。也可以在同一个语句中声明多个对象。

示例 5

在下面的代码片段中，我们创建了两个对象 person1 和 person2，它们具有 name 和 age 属性。

**注意**，但是每个对象的元素不必相同。

<!DOCTYPE html>
<html>
<head>
   <title>Creating multiple objects in a single statement</title>
</head>
<body>
   <div id = "result"> </div>
   <script>
      const person1 = {name : "jhon",age : 15}, person2 = {name: "doe", age:21};
      var output = document.getElementById("result");
      output.innerHTML += "First person has name " + person1.name + "<br/>First person has age " + person1.age + "<br/>";
      output.innerHTML += "<br/>Second person has name " + person2.name + "<br/>Second person has age " + person2.age;
   </script>
</body>
</html>

结论

两种声明方式都有其自身的用途。分别声明变量使我们可以灵活地通过更改用于声明变量的关键字来快速更改变量的作用域，而在同一语句中声明多个变量可以减少冗余代码。

更新于：2022年9月21日

7K+ 次浏览

启动你的职业生涯

通过完成课程获得认证

开始学习
广告