JavaScript 变量和常量

x33g5p2x  于2022-04-02 转载在 Java  
字(1.9k)|赞(0)|评价(0)|浏览(210)

在本教程中,您将了解 JavaScript 变量和常量,以及如何在示例的帮助下初始化和使用它们。

JavaScript 变量

在编程中,变量是存储数据的容器(存储区)。例如,

let num = 5;

这里,num是一个变量。它存储 5。

JavaScript 声明变量

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

var x;
let y;

这里,x 和 y 是变量。

var 与 let 对比

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

varlet
var 用于旧版本的 JavaScript从ES6 (ES2015)开始,let 成为声明变量的新方式。
var 是函数作用域(将在后面的教程中讨论)let 是块作用域(将在后面的教程中讨论)。
示例:var x;示例:let y;

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

JavaScript 初始化变量

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

let x;
x = 5;

这里,5被分配给变量X。您还可以在声明时初始化变量:

let x = 5;
let y = 6;

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

let x = 5, y = 6, z = 7;

如果你使用一个未初始化的变量,将会得到 undefined 值。

let x; // x is the name of the variable

console.log(x); // undefined

这里 x 是变量名,因为它不包含任何值,所以它是未定义的。
    您将在下一个教程中详细了解 undefined 和其他数据类型。

更改变量的值

可以更改存储在变量中的值。例如,

// 5 is assigned to variable x
let x = 5; 
console.log(x); // 5

// vaue of variable x is changed
x = 3; 
console.log(x); // 3

变量的值可能会有所不同,因此,称之为“变量”。

JavaScript 变量命名规则

命名变量的规则是:

  1. 变量名必须以字母、下划线_或美元符号开头$。例如,
//valid
let a = 'hello';
let _a = 'hello';
let $a = 'hello';
  1. 变量名不能以数字开头。例如,
//invalid
Let 1a = 'hello'; // this gives an error
  1. JavaScript 区分大小写。所以 y 和 Y 是不同的变量。例如,
let y = "hi";
let Y = 5;

console.log(y); // hi
console.log(Y); // 5
  1. 关键字不能用作变量名。例如,
//invalid
let new = 5; // Error! new is a keyword.

备注:

  • 尽管您可以以任何您想要的方式命名变量,但最好给出一个描述性的变量名称。如果您使用变量来存储苹果的数量,最好使用 apples 或 numberOfApples 而不是 x 或 n。
  • 在 JavaScript 中,如果变量名有多个单词,则通常以驼峰形式编写。例如,firstName,annualSalary。

JavaScript 常量

在ES6(ES2015) 版本中也引入了关键字 const 来创建常量。例如,

const x = 5;

一旦一个常量被初始化,我们就不能改变它的值。

const x = 5;
x = 10;  // Error! constant cannot be changed.
console.log(x)

简单地说,常量是一种值不能改变的变量。
    此外,您不能在不初始化常量的情况下声明它。例如,

const x;  // Error! Missing initializer in const declaration.
x = 5;
console.log(x)

注意:如果您确定变量的值在整个程序中不会改变,建议使用const. 但是,有一些浏览器不支持const. 访问JavaScript const browser support以了解更多信息。
    既然您了解了变量,您将在下一个教程中了解变量可以存储的不同类型的数据。

上一教程 :入门                                          下一教程 :JS console.log()

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/variables-constants

相关文章