轻松入门JS基础：var、let、const用法详解

2023-09-09 04:48:44

JavaScript是网页编程语言，也是许多前端和后端框架和库的基础。它是开发交互式网站、游戏和移动应用程序的强大工具。

JavaScript的三个基本是var、let和const，它们用于声明变量。变量是存储数据的容器，可以用于存储数字、字符串、布尔值或数组等。

var

var是JavaScript最基本的变量声明关键字。它用于声明一个变量，并可以随时重新赋值。例如：

var name = "John Doe";
console.log(name); // "John Doe"

name = "Jane Doe";
console.log(name); // "Jane Doe"

let

let是JavaScript的另一个变量声明关键字，它于ES6中引入。let声明的变量只在块作用域内有效，并且一旦声明就不能重新赋值。例如：

let age = 30;
console.log(age); // 30

{
  let age = 40;
  console.log(age); // 40
}

console.log(age); // 30

const

const也是JavaScript的变量声明关键字，它于ES6中引入。const声明的变量是只读的，一旦声明就不能重新赋值。例如：

const PI = 3.14;
console.log(PI); // 3.14

PI = 3.15; // 报错：TypeError: Assignment to constant variable.

变量的作用域

变量的作用域是指变量可以被访问的范围。var声明的变量具有全局作用域，这意味着它们可以在脚本的任何地方被访问。let和const声明的变量具有块级作用域，这意味着它们只能在声明它们的块内被访问。

变量的赋值

变量可以通过赋值运算符(=)来赋值。赋值运算符将右侧表达式的值赋给左侧的变量。例如：

var name = "John Doe";
let age = 30;
const PI = 3.14;

变量的类型

JavaScript是动态类型的语言，这意味着变量的类型可以在运行时改变。变量的类型可以是数字、字符串、布尔值、数组、对象或函数。

变量的重声明

var声明的变量可以被重声明，但let和const声明的变量不能被重声明。例如：

var name = "John Doe";
var name = "Jane Doe"; // 合法

let age = 30;
let age = 40; // 报错：SyntaxError: Identifier 'age' has already been declared.

const PI = 3.14;
const PI = 3.15; // 报错：SyntaxError: Identifier 'PI' has already been declared.

变量的重新赋值

var声明的变量可以被重新赋值，但let和const声明的变量不能被重新赋值。例如：

var name = "John Doe";
name = "Jane Doe"; // 合法

let age = 30;
age = 40; // 报错：TypeError: Assignment to read-only property.

const PI = 3.14;
PI = 3.15; // 报错：TypeError: Assignment to read-only property.