如何在单个语句中创建多个 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

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

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

<!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+ 浏览量

启动你的 职业生涯

通过完成课程获得认证

开始学习
广告