在JavaScript中，如何声明一个变量并给它赋值？

htmljavascript

在JavaScript中，你可以使用var，let或const关键字来声明变量。其中，var在函数作用域或全局作用域中声明变量，let和const在ES6（ECMAScript 2015）中引入，并且它们具有块级作用域（即它们只在定义它们的代码块内有效）。let用于声明可以被重新赋值的变量，而const用于声明常量，即一旦赋值后就不能再被重新赋值的变量。

下面是一些基本的示例：

使用var声明变量：

1
var myVariable = "Hello, World!";

使用let声明变量：

1
let anotherVariable = 42;

使用const声明常量：

1
const myConstant = "This cannot be changed";

请注意，如果试图重新为const声明的变量赋值，JavaScript会抛出一个错误。

下面是一个完整的HTML文件示例，其中包含JavaScript代码来声明和赋值变量：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 变量声明</title>
</head>
<body>

<h1>JavaScript 变量声明示例</h1>

<p id="varOutput"></p>
<p id="letOutput"></p>
<p id="constOutput"></p>

<script>
    // 使用 var 声明变量
    var myVar = "使用 var 声明的变量";
    document.getElementById('varOutput').textContent = myVar;

    // 使用 let 声明变量
    let myLet = "使用 let 声明的变量";
    document.getElementById('letOutput').textContent = myLet;

    // 使用 const 声明常量
    const myConst = "使用 const 声明的常量";
    document.getElementById('constOutput').textContent = myConst;

    // 尝试修改 const 声明的变量（会报错）
    // myConst = "尝试修改常量"; // 这行代码会导致错误
</script>

</body>
</html>

在上面的HTML文件中，我们声明了三个变量（一个使用var，一个使用let，一个使用const），并将它们的值显示在页面的不同段落中。请注意，尝试修改const声明的变量（被注释掉的代码）会导致错误。

上一篇：在JavaScript中，如何创建一个函数，并在HTML中调用它？

下一篇：如何在HTML中使用JavaScript弹出一个简单的警告框？