编程笔记 html5&css&js 075 Javascript 常量和变量

在JavaScript中，变量和常量是用来存储数据的占位符。它们的主要区别在于可变性：变量的值可以改变，而常量一旦被声明后其值就不能再更改。

一、JavaScript 变量

定义：
在JavaScript中，使用var、let或const关键字来声明变量。不过，从ES6（ECMAScript 2015）开始，推荐使用let和const而不是var，因为它们提供了更严格的块级作用域控制。

• 使用var声明变量：

// ES5及以下版本
var myVariable = 'initial value'; // 可以重新赋值
myVariable = 'new value';
1
2
3

• 使用let声明变量：

// ES6及以上版本
let anotherVariable = 'can also change';
anotherVariable = 'updated value';
1
2
3

二、JavaScript 常量

定义：
使用const关键字声明常量，它的值不能被重新赋值。

// ES6及以上版本
const PI = 3.14159; // 正确，初始化了一个常量
PI = 3; // 错误，不能修改常量的值

// 注意：虽然常量的值不可更改，但如果它是一个对象或者数组，那么对象或数组内部的属性或元素是可以更改的。
const obj = { a: 1 };
obj.a = 2; // 这是允许的，因为虽然obj本身不能指向另一个不同的对象，但其内部属性可以更改
1
2
3
4
5
6
7

三、示例：

// 变量示例
let count = 1;
console.log(count); // 输出：1
count = 2;
console.log(count); // 输出：2

// 常量示例
const name = "Alice";
console.log(name); // 输出："Alice"
name = "Bob"; // 这将抛出错误，因为尝试修改一个常量的值是不允许的

// 对象作为常量内容可变的例子
const person = { age: 30 };
person.age = 31;
console.log(person); // 输出：{ age: 31 } （年龄已成功修改）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

小结：

1. 变量：

   • 变量名可以根据需要多次赋值，如var或let关键字声明的变量。
   • var变量的作用域可能受函数作用域或全局作用域影响（存在变量提升现象），而let和const变量具有块级作用域。

2. 常量：

   • 常量在声明时必须初始化，并且之后不能再赋予新的值，通过const关键字声明。
   • 虽然常量的“引用”不可变，但对于复杂类型的数据（如对象和数组），它们的内容是可以修改的。