解锁 JavaScript 的超能力:变量的魔力

王林

王林

2024-09-12

529人浏览

转载

解锁 javascript 的超能力:变量的魔力

从今天开始,我们将探索编程的世界。 你拥有超能力的世界。是的,你没看错,超能力。如果不是超能力,那又是什么?使用 javascript,您可以让物体飞、移动、消失、改变颜色,并在数英里之外看到您的朋友,而这只是可能的一小部分。是的,一切都在你的屏幕上,但仍然非常令人兴奋。
像任何超级英雄一样,你需要很好地控制和了解自己的力量。为此,让我们从熟悉最基本的构建块——万能的变量开始我们的旅程。
什么是变量?想象一下一个神奇的盒子,您可以在其中放置任何您想要的东西,无论大小!多么了不起的发明,对吧?但问题是:它一次只能容纳一件东西(说实话,不是任何尺寸,但我们现在假装情况并非如此)。
你可以放一支笔、一头大象、一把吉他、一个放着一堆书的书架,甚至一张写有一本小说的纸——任何你想要的东西——但一次只能放一件东西。
我们如何用 javascript 创建这样一个盒子?这非常简单!

let ourfirstbox

简单的两个字。第一个始终是“let”关键字,第二个是框的名称。您可以将“let”视为一个神奇的关键字,它可以让我们创建一个盒子。名称可以是任何名称,但有一些规则。
有严格的规则(如果你不遵守它们,你的魔法就不会起作用)。
以及软规则(主要是最佳实践,整个行业标准化)。
让我们从硬性规则开始:

  1. 如果您希望名称由多个单词组成,则不能用空格分隔它们。
  2. 变量名不能以数字开头。 现在是软规则:
  3. 您应该使用一种称为驼峰命名法的表示法。第一个字母始终是小写,所有后续单词都以大写字母开头,没有空格。
  4. 变量应该是名词。
  5. 如果你想存储包含多个物品的东西(例如,一袋苹果),你应该使用复数名词,如 bagofapples。
  6. 避免在变量名称中使用数字。

好的。现在我们有一个盒子。我们如何将任何东西放入其中?让我们看一个例子:

let ourfirstbox;
ourfirstbox = 100;

就这样吧!您创建一个新行,重复变量的名称,但这次没有神奇的“let”关键字,因为我们只需要它来创建变量。在名称后面放置一个等号,这是赋值运算符。使用 = 符号,我们表示要在变量中放入一些内容,然后将要存储的内容放入“盒子”中。
现在,我们有一个存储数字的盒子。目前,它并没有看起来那么有用,但相信我,我们正在慢慢实现这一目标。
我们神奇盒子的另一个特点是你可以随时更换里面的物品。

let ourfirstbox;
ourfirstbox = 100;
ourfirstbox = 200;

现在 ourfirstbox 内的值为 200。
创建变量有两种方法。您可以先定义名称,然后在新行中为其分配值。或者,您可以一次完成所有操作:

let ourfirstbox = 100;

这里,我们使用关键字let来定义变量,同时为其赋值。
还有另一种类型的“盒子”。它被称为常数。顾名思义,它是一种无法更改的变量。一旦你给它赋值了,那就是它了——你无法替换它。

const ourfirstconstantbox = 200;

如果我们尝试更改其值,我们将收到错误:

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

现在您知道如何创建变量了!在下一课中,我们将使用很多变量。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

2023.10.24

3241

49

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

1181

5

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

2025.10.17

527

13

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.18

2195

5

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2023.08.10

1146

6

火山引擎API Key获取教程
火山引擎API Key获取教程

火山引擎API Key适合需要调用火山引擎云服务、AI模型、火山方舟接口或其他开放能力的开发者参考。本专题整理控制台入口、账号认证、服务开通、API Key创建、密钥复制保存、权限检查、调用测试和Key无效等常见问题排查。

2026.08.04

0

10

火山引擎API接入教程
火山引擎API接入教程

火山引擎API接入适合需要在应用、脚本、后台服务或AI工具中调用火山引擎能力的开发者参考。本专题整理控制台入口、服务开通、API Key获取、接口地址配置、请求参数填写、调用测试、权限设置、额度查询和常见接口报错排查。

2026.08.04

0

10

火山引擎DeepSeek API调用教程
火山引擎DeepSeek API调用教程

火山引擎DeepSeek API适合需要在应用、脚本、智能体或AI编程工具中调用DeepSeek模型的开发者参考。本专题整理火山引擎控制台入口、模型服务开通、API Key获取、Base URL配置、模型名称填写、调用测试、额度查询和常见接口报错排查。

2026.08.04

0

10

火山引擎控制台操作教程
火山引擎控制台操作教程

火山引擎控制台中常用功能包括API密钥管理、模型调用配置、云资源查看、账单明细、用量统计和权限分配。本专题整理控制台基础操作、服务开通流程、Key创建与保存、费用消耗查看、子账号权限设置和调用失败排查,方便开发者完成日常管理。

2026.08.04

0

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.4万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 131.8万人学习