JavaScript 变量和常量

JavaScript 变量

JavaScript 变量是用于存储数据的容器。例如,

let num = 5;

在这里,num 是一个存储数字 5 的变量。


声明 JavaScript 变量

在 JavaScript 中,我们使用 varlet 关键字来声明变量。例如,

var age;
let name;

在这里,agename 是变量。

var 和 let 之间有什么区别?

varlet 都用于声明变量。但是,它们之间存在一些差异。

var let
var 用于 JavaScript 的旧版本。 let 是声明变量的新方法,始于 ES6 (ES2015)
var 创建的变量是 函数作用域的,这意味着它们可以在定义它们的函数内的任何位置访问。 let 声明的变量是块作用域的,这意味着它们只能在声明它们的块内访问。
例如,var x; 例如,let y;

要了解更多信息,请访问 JavaScript let Vs var

注意: 建议使用 let 而不是 var。但是,有些浏览器不支持 let。要了解更多信息,请访问 JavaScript let 浏览器支持


初始化 JavaScript 变量

我们使用赋值运算符 = 为变量赋值。

// declare variable num
let num;

// assign 5 to num
num = 5;

在这里,5 被赋给了变量 num

您也可以在声明变量时对其进行初始化。

// declare variable num1 and assign 5 to it
let num1 = 5;

// declare variable num2 and assign 6 to it
let num2 = 6;
在单个语句中声明多个变量。

在 JavaScript 中,可以在单个语句中声明多个变量。

// declare variables num1, num2, and num3
// assign values 5, 6, and 7 respectively
let num1 = 5, num2 = 6, num3 = 7;

在这里,我们在单行中声明并赋值了三个变量

  • 赋给 num1 的值是 5
  • 赋给 num2 的值是 6
  • 赋给 num3 的值是 7
在不初始化的情况下使用变量。

如果不初始化变量,它将具有 undefined 值。

// declare variable num
let num; 

// print num
console.log(num); 

// Output: undefined

在这里,我们声明了一个名为 num 的变量。但是,由于它不包含任何值,因此其值为 undefined

要了解有关 undefined 的更多信息,请访问 JavaScript null 和 undefined


更改变量的值

变量的值可能会变化。因此,名称为变量

让我们来看下面的示例,了解如何更改变量的值

// assign 5 to variable score
let score = 5; 
console.log(score); // 5

// change the value of score to 3
score = 3; 
console.log(score); // 3

在这里,当我们将新值赋给 score 变量时,其值从 5 更改为 3


JavaScript 变量命名规则

  • 变量名必须以字母、下划线 _ 或美元符号 $ 开头。例如,
// valid
let message = "hello";
let _message = "hello";
let $message = "hello";
  • 变量不能以数字开头。例如,
// invalid
let 1message = "hello"; // this gives an error
  • 变量名区分大小写。所以 ageAge 是不同的变量。例如,
let age = 23;
let Age = 20;

console.log(age); // 23
console.log(Age); // 20
  • 变量名不能是关键字(JavaScript 中保留用于特定目的的特殊词,如 ifelseletvar 等)。例如,
//invalid
let new = 5; // Error! new is a keyword
JavaScript 变量命名的推荐方式。

您可以随意命名变量。但是,我们建议您使用以下命名约定

  • 在 JavaScript 中,如果变量名包含多个单词,通常会以 驼峰命名法 的格式命名。

    例如,firstNameannualSalarynumberOfBooks 等。
  • 给变量起一个描述性的名字是一个好习惯。

    例如,如果您使用一个变量来存储苹果的数量,最好将该变量命名为 applesnumberOfApples,而不是 xn

JavaScript 常量

常量是一种值不能改变的变量。

在 JavaScript 中,我们使用 const 关键字来创建常量。例如,

// assign 5 to num 
const num = 5;

一旦初始化了常量,我们就不能更改它的值。

// assign 5 to num
const num = 5;

// assign 10 to num
num = 10;  
console.log(num) // Error! constant cannot be changed

始终在声明时初始化常量

如果在声明时未初始化常量,则会引发错误。例如,

// Error! Missing initializer in const declaration
const x;

// attempt to initialize constant after declaration
x = 5;

console.log(x)

注意: 如果您确定变量的值在整个程序中不会改变,我们建议您使用 const

但是,有些浏览器不支持 const。请访问 JavaScript const 浏览器支持 以了解更多信息。


另请阅读

在我们结束之前,让我们来测试一下您对 JavaScript 变量和常量的知识!您能解决下面的挑战吗?

挑战

编写一个函数来计算两个数字的乘积。

  • 返回两个数字 num1num2 的乘积。
  • 例如,如果 num1 = 5num2 = 3,则预期输出为 15

视频:JavaScript 变量

你觉得这篇文章有帮助吗?

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战