JavaScript 变量基础

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

欢迎来到 JavaScript 文档!本实验将向你介绍变量。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") subgraph Lab Skills javascript/variables -.-> lab-106904{{"JavaScript 变量基础"}} javascript/data_types -.-> lab-106904{{"JavaScript 变量基础"}} end

变量

打开终端/SSH 并输入 node 开始练习编码。

变量是存储值的容器。你可以使用 let 关键字声明一个变量,后跟你给变量起的名字:

let myVariable;

行尾的分号表示语句的结束位置。只有在需要在同一行分隔语句时才需要使用。不过,有些人认为在每个语句末尾都加分号是个好习惯。关于何时应该使用和不应该使用分号还有其他规则。

你几乎可以给变量起任何名字,但有一些限制。如果你不确定,可以检查你的变量名,看看它是否有效。

JavaScript 区分大小写。这意味着 myVariablemyvariable 不一样。如果你的代码有问题,检查一下大小写!

声明变量后,你可以给它赋值:

myVariable = "Bob";

此外,你可以在同一行上进行这两个操作:

let myVariable = "Bob";

你可以通过调用变量名来获取值:

myVariable;

给变量赋值后,你可以在代码后面更改它:

let myVariable = "Bob";
myVariable = "Steve";

请注意,变量可以保存具有不同数据类型的值:

变量 解释 示例
字符串 这是一串文本,称为字符串。为了表明该值是一个字符串,用单引号或双引号将其括起来。 let myVariable = 'Bob';let myVariable = "Bob";
数字 这是一个数字。数字周围没有引号。 let myVariable = 10;
布尔值 这是一个真/假值。truefalse 这两个词是特殊关键字,不需要引号。 let myVariable = true;
数组 这是一种结构,允许你在一个引用中存储多个值。 let myVariable = [1,'Bob','Steve',10]; 像这样引用数组的每个成员:myVariable[0], myVariable[1] 等。
对象 这可以是任何东西。JavaScript 中的一切都是对象,可以存储在变量中。在你学习时请记住这一点。 let myVariable = document.querySelector('h1'); 上述所有示例也是如此。

那么我们为什么需要变量呢?在编程中,要做任何有趣的事情都需要变量。如果值不能改变,那么你就无法做任何动态的事情,比如个性化问候消息或更改图片库中显示的图片。

总结

恭喜你!你已经完成了变量实验。你可以在 LabEx 中练习更多实验来提升你的技能。