【JavaScript】:用于存储信息的容器——变量

82 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第28天,点击查看活动详情

1️⃣前言

大家好,我是翼同学。今天笔记的内容是:

  • 变量的使用

2️⃣内容

2.1、什么是变量?

可以将变量理解为一个容器,该容器用于存放各种信息,比如数值、字符串、布尔值等等。也就是说,变量是一种可以储存计算结果或者能表示值的抽象概念。变量中存储的值是可以改变的。

比如说在HTML文档中有<button>元素:

<button>请点击</button>

那么在JavaScript代码中可能会这样编写:

const button = document.querySelector('button');

button.onclick = function() {
	let name = prompt('请输入您的名字:');
	alert('你好' + name + ',欢迎来到js世界!');
}

此时我们可以看到:

  • let name = prompt('What is your name?');语句就定义并初始化了一个变量name
  • prompt()方法会在屏幕上弹出一个对话框,此时用户输入的内容将被存储到变量name中;
  • 也就是说,我们用关键字let来定义一个变量,并用等号=将值赋给变量。
  • 另外,alert('Hello ' + name + ', nice to see you!');语句也读取并使用了变量。
  • alert()方法用于向用户显示信息。

2.2、如何声明变量?

在使用变量之前,我们需要声明变量,也就是创建变量。使用的关键字是let

语法为let加上变量名,并以分号l结尾。

举个例子:

let myName;

此时我们声明(创建)了一个变量myName

2.3、变量的初始化

当我们创建了一个变量后,可以尝试初始化变量。此时我们可以使用等号=来将值赋给变量。

举个例子:

myName = 'Jack';
myAge = 20;

另外的,我们也可以在声明变量的同时将值赋给变量。

如下所示:

let myName = 'Jack';
let myAge = 20;

2.4、修改变量的值

之前我们说过,变量的值是可以更新的。方法也很简单,直接用等号=将新的值赋给变量。

举个例子:

// 创建变量
let myAge = 20;
// 修改变量的值
myAge = 21;

2.5、变量命名规范

我们在创建变量时,对变量的合理命名也是很重要的。

现在记录一下变量命名规范:

  • 变量名应该由拉丁字符a-zA-Z0-9以及下划线_字符组成,不要使用其他字符;
  • JavaScript保留字不能作为变量名而使用;
  • 变量名不要以下划线_开头;
  • 变量名需要简洁易懂,见名知义(可以参考“驼峰命名法”);

另外需要补充的是,在JavaScript中大小写是敏感的。比如myNamemyname就是两个不同的变量。


3️⃣写在最后

好了,今天的笔记就记到这里。