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

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

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

let ourfirstbox

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

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

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

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!!!!!

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

以上就是解锁 JavaScript 的超能力:变量的魔力的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491293.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
了解异步操作并在 JavaScript 中使用 async/await
上一篇 2025年12月19日 13:50:20
Monorepos 与 Nx:为什么您可能希望为所有代码提供一个家
下一篇 2025年12月19日 13:50:35

相关推荐

  • 无畏契约手游什么时候上线-无畏契约源能行动上线时间

    无畏契约手游什么时候上线-无畏契约源能行动上线时间无畏契约手游什么时候上线-无畏契约源能行动上线时间无畏契约手游什么时候上线-无畏契约源能行动上线时间无畏契约手游什么时候上线-无畏契约源能行动上线时间

    无畏契约源能行动即将登陆手机平台,标志着这款备受期待的游戏终于要正式推出移动端版本。许多玩家都在关注无畏契约手游的上线时间,那么究竟什么时候能玩到呢?接下来就跟着多特小编一起来了解无畏契约源能行动的具体上线日期吧。 无畏契约手游上线时间是什么时候? 2025年8月19日 游戏简介 由拳头官方倾力打造…

    2026年9月28日 • 用户投稿
    100
  • 怎么在APP给豆瓣软件打1分_应用商店低分评价的操作步骤

    怎么在APP给豆瓣软件打1分_应用商店低分评价的操作步骤怎么在APP给豆瓣软件打1分_应用商店低分评价的操作步骤怎么在APP给豆瓣软件打1分_应用商店低分评价的操作步骤怎么在APP给豆瓣软件打1分_应用商店低分评价的操作步骤

    首先打开App Store搜索豆瓣,进入应用详情页后下滑至评分区域,点击“评分此应用”并选择1颗星,填写评论后发送;若无法找到应用,可通过右上角头像进入已购项目列表,找到豆瓣并重新进入评分页面完成1星评价;此外也可在电脑浏览器访问App Store网页版,登录Apple ID后搜索豆瓣,悬停星星图标…

    2026年9月28日 • 用户投稿
    100
  • sublime怎么处理gbk编码的文件不乱码_Sublime正确打开GBK编码文件不乱码的设置

    sublime怎么处理gbk编码的文件不乱码_Sublime正确打开GBK编码文件不乱码的设置sublime怎么处理gbk编码的文件不乱码_Sublime正确打开GBK编码文件不乱码的设置sublime怎么处理gbk编码的文件不乱码_Sublime正确打开GBK编码文件不乱码的设置sublime怎么处理gbk编码的文件不乱码_Sublime正确打开GBK编码文件不乱码的设置

    安装ConvertToUTF8插件可解决Sublime Text打开GBK文件乱码问题,该插件能自动识别并转换编码,确保文件正确显示且保存时保留原编码,同时建议设置默认编码为UTF-8、备用编码为GBK,并通过项目配置或团队规范统一编码,避免后续乱码。 Sublime Text在处理GBK编码文件时…

    2026年9月28日 • 用户投稿
    100
  • 豆包AI如何实现图像识别?教你搭建计算机视觉模型

    豆包AI如何实现图像识别?教你搭建计算机视觉模型豆包AI如何实现图像识别?教你搭建计算机视觉模型豆包AI如何实现图像识别?教你搭建计算机视觉模型豆包AI如何实现图像识别?教你搭建计算机视觉模型

    豆包ai本身不直接提供图像识别模型训练功能,但可结合第三方工具实现。1. 准备数据集:收集高质量、多样化的图像并划分训练集与验证集,或使用公开数据集。2. 搭建模型结构:采用迁移学习方法,选用resnet等预训练模型,调整输出层并加入防止过拟合的机制,豆包ai可生成代码框架。3. 训练与调参:设置合…

    2026年9月28日 • 用户投稿
    100
  • 武侠世界起航指南:从萌新到高手的全章节精要攻略

    武侠世界起航指南:从萌新到高手的全章节精要攻略武侠世界起航指南:从萌新到高手的全章节精要攻略武侠世界起航指南:从萌新到高手的全章节精要攻略武侠世界起航指南:从萌新到高手的全章节精要攻略

    踏入江湖的第一步,如何走稳走远?这份深度章节指南助你精准规划,避开弯路,高效解锁绝世武功与隐藏机缘! 第一章:初入江湖 – 筑基破局 核心目标: 击败管家 + 两名教头(新手战力检验) 与张风对话并切磋取胜(开启江湖路) 隐藏门派的钥匙(散人必看): 在朱宇处习得一气功(基础内功)!这是…

    2026年9月28日 • 用户投稿
    000
  • Android动态复选框状态持久化:SharedPreferences实践指南

    Android动态复选框状态持久化:SharedPreferences实践指南Android动态复选框状态持久化:SharedPreferences实践指南Android动态复选框状态持久化:SharedPreferences实践指南Android动态复选框状态持久化:SharedPreferences实践指南

    本教程详细阐述了如何在Android应用中持久化动态创建的复选框状态。通过利用SharedPreferences这一轻量级数据存储机制,我们能够确保用户在勾选或取消勾选动态生成的复选框后,其状态即使在应用重启或Activity重建后也能得以保留。文章将提供具体的代码示例和实现步骤,帮助开发者构建更具…

    2026年9月28日 • 用户投稿
    000
  • 红果漫剧如何点赞喜欢的漫画_红果漫剧漫画点赞功能介绍

    红果漫剧如何点赞喜欢的漫画_红果漫剧漫画点赞功能介绍红果漫剧如何点赞喜欢的漫画_红果漫剧漫画点赞功能介绍红果漫剧如何点赞喜欢的漫画_红果漫剧漫画点赞功能介绍红果漫剧如何点赞喜欢的漫画_红果漫剧漫画点赞功能介绍

    在红果漫剧中可通过三种方式为漫画点赞:一、进入漫画详情页点击心形或大拇指图标完成点赞;二、阅读章节时调出工具栏点击爱心按钮即时点赞;三、在个人中心“我喜欢的漫画”中管理点赞记录,支持取消或重新点赞。 如果您在红果漫剧中发现喜欢的漫画作品,想要表达支持或收藏以便后续观看,可以通过点赞功能来实现互动。以…

    2026年9月28日 • 用户投稿
    000
  • 通过MySQL开发实现数据加工与数据仓库的项目经验分享

    通过MySQL开发实现数据加工与数据仓库的项目经验分享通过MySQL开发实现数据加工与数据仓库的项目经验分享通过MySQL开发实现数据加工与数据仓库的项目经验分享通过MySQL开发实现数据加工与数据仓库的项目经验分享

    在当今数字化时代,数据已被普遍认为是企业决策的基础与资本。但是,处理大量数据并将其转化为可靠的决策支持信息的过程并不容易。这时,数据加工和数据仓库开始发挥重要作用。本文将分享一个通过MySQL开发实现数据加工和数据仓库的项目经验。 一、项目背景 本项目是基于一个商业企业数据化建设的需要,旨在通过数据…

    2026年9月28日 • 用户投稿
    100
  • 火狐浏览器怎么让字体显示得更大一些_火狐浏览器调整网页字体大小与缩放教程

    火狐浏览器怎么让字体显示得更大一些_火狐浏览器调整网页字体大小与缩放教程火狐浏览器怎么让字体显示得更大一些_火狐浏览器调整网页字体大小与缩放教程火狐浏览器怎么让字体显示得更大一些_火狐浏览器调整网页字体大小与缩放教程火狐浏览器怎么让字体显示得更大一些_火狐浏览器调整网页字体大小与缩放教程

    1、可通过快捷键Ctrl+加号放大页面或设置默认字体大小改善火狐浏览器文字过小问题;2、在设置中自定义字体大小、启用最小字体限制及使用变焦功能可提升阅读体验。 如果您在浏览网页时发现火狐浏览器中的文字过小,影响阅读体验,可以通过调整字体大小或页面缩放比例来改善显示效果。以下是具体操作方法: 本文运行…

    2026年9月28日 • 用户投稿
    000
  • OPPO语音助手实测(通过实际测试探究OPPO语音助手的优势和不足)

    OPPO语音助手实测(通过实际测试探究OPPO语音助手的优势和不足)OPPO语音助手实测(通过实际测试探究OPPO语音助手的优势和不足)OPPO语音助手实测(通过实际测试探究OPPO语音助手的优势和不足)OPPO语音助手实测(通过实际测试探究OPPO语音助手的优势和不足)

    随着智能手机的普及,语音助手已成为我们生活中不可或缺的一部分。oppo作为一家知名的智能手机品牌,其最新推出的语音助手备受关注。本文将通过实际测试,深入探究oppo语音助手的实际表现,了解其在智能交互体验方面的优势和不足。 一、唤醒功能:OPPO语音助手的灵敏度令人惊喜。 语音识别技术在现代社会中扮…

    2026年9月28日 • 用户投稿
    000
  • 《魔兽世界》新资料片的住房系统将面临很多挑战

    《魔兽世界》新资料片的住房系统将面临很多挑战《魔兽世界》新资料片的住房系统将面临很多挑战《魔兽世界》新资料片的住房系统将面临很多挑战《魔兽世界》新资料片的住房系统将面临很多挑战

    《魔兽世界》即将在新资料片《至暗之夜》中首次引入住房系统,这一备受期待的功能对暴雪来说既是机遇也是挑战。如何在易用性与系统深度之间取得平衡,同时应对大规模系统带来的性能压力,成为开发团队必须攻克的关键难题。 在2025年科隆游戏展期间,《魔兽世界》设计主管托比·拉加尼在接受采访时表示,住房系统的设计…

    2026年9月28日 • 用户投稿
    000
  • 详解电脑usb无法识别的处理步骤

    详解电脑usb无法识别的处理步骤详解电脑usb无法识别的处理步骤详解电脑usb无法识别的处理步骤详解电脑usb无法识别的处理步骤

    电脑usb接口无法识别设备,是许多用户在日常使用中可能遇到的常见问题。导致这一现象的原因多种多样,可能是系统驱动异常、硬件损坏、注册表出错,也可能是usb设备本身存在故障。那么当usb设备插入后没有反应或无法被识别时,该如何有效解决呢?接下来就由黑鲨小编为大家详细介绍几种实用的处理方法,赶紧来看一看…

    2026年9月28日 • 用户投稿
    000
  • 笔尖AI语音识别不灵敏:灵敏度调整与方言适配技巧

    笔尖AI语音识别不灵敏:灵敏度调整与方言适配技巧笔尖AI语音识别不灵敏:灵敏度调整与方言适配技巧笔尖AI语音识别不灵敏:灵敏度调整与方言适配技巧笔尖AI语音识别不灵敏:灵敏度调整与方言适配技巧

    笔尖ai语音识别不灵敏可通过调整灵敏度、优化环境设置、进行方言适配等方式解决。首先,检查设置中的语音识别选项,通过滑块或数值逐步提高或降低灵敏度,根据使用场景选择合适的配置文件,并确保麦克风位置正确或更换高质量麦克风;其次,进行方言适配时,先检查语言设置是否有方言选项,若无则可自定义词汇并建立方言与…

    2026年9月28日 • 用户投稿
    000
  • sublime怎么配置go语言环境_Sublime Text搭建Go语言开发环境指南

    sublime怎么配置go语言环境_Sublime Text搭建Go语言开发环境指南sublime怎么配置go语言环境_Sublime Text搭建Go语言开发环境指南sublime怎么配置go语言环境_Sublime Text搭建Go语言开发环境指南sublime怎么配置go语言环境_Sublime Text搭建Go语言开发环境指南

    答案是安装Go工具链并配置环境变量,再通过Sublime Text安装插件实现开发环境搭建。需先安装Go并设置GOPATH、GOROOT及bin目录到PATH,再在Sublime中安装如GoSublime等插件以支持自动补全、语法检查与编译运行功能。 在Sublime Text中配置Go语言开发环境…

    2026年9月28日 • 用户投稿
    000
  • Safari浏览器无法播放视频怎么回事_Safari浏览器网页视频播放问题排查与修复

    Safari浏览器无法播放视频怎么回事_Safari浏览器网页视频播放问题排查与修复Safari浏览器无法播放视频怎么回事_Safari浏览器网页视频播放问题排查与修复Safari浏览器无法播放视频怎么回事_Safari浏览器网页视频播放问题排查与修复Safari浏览器无法播放视频怎么回事_Safari浏览器网页视频播放问题排查与修复

    首先检查网络连接,确保Wi-Fi信号良好或切换至蜂窝数据;清除Safari缓存与网站数据;关闭内容拦截器;调整隐私设置如关闭“阻止跨站跟踪”;确认网站使用https/http协议且视频格式兼容;必要时重置网络设置以解决深层配置问题。 如果您在使用 Safari 浏览器时遇到网页视频无法播放的问题,可…

    2026年9月28日 • 用户投稿
    000
  • Java集合引用管理:确保对象创建时内部列表状态独立的策略

    Java集合引用管理:确保对象创建时内部列表状态独立的策略Java集合引用管理:确保对象创建时内部列表状态独立的策略Java集合引用管理:确保对象创建时内部列表状态独立的策略Java集合引用管理:确保对象创建时内部列表状态独立的策略

    本教程探讨Java中将集合作为参数传递给构造函数时,如何避免因引用共享导致的内部数据意外更改问题。当多个对象共享同一个可变集合实例,并在外部修改该集合时,所有引用该集合的对象都会受影响。文章将详细介绍通过创建新集合实例或进行防御性复制两种有效策略,确保每个对象拥有独立且稳定的内部数据状态。 问题背景…

    2026年9月28日 • 用户投稿
    100
  • ChatSonic 创作 SEO 文案?关键词嵌入指令技巧​

    ChatSonic 创作 SEO 文案?关键词嵌入指令技巧​ChatSonic 创作 SEO 文案?关键词嵌入指令技巧​ChatSonic 创作 SEO 文案?关键词嵌入指令技巧​ChatSonic 创作 SEO 文案?关键词嵌入指令技巧​

    要写出高质量、能排名的 seo 文案,不能只依赖 chatsonic,还需掌握关键词嵌入技巧并对内容进行深度加工。1. 明确目标关键词与长尾关键词,专注几个核心词;2. 在 prompt 中明确指定关键词及出现位置,如标题、段首段尾等,但避免堆砌;3. 对生成内容进行润色,使其更自然流畅,并加入个人…

    2026年9月28日 • 用户投稿
    100
  • 抖音带货橱窗开通有风险吗?抖音带货的商品怎么来

    抖音作为一个拥有庞大用户群体和强大内容生态的短视频社交平台,已经成为众多商家和创作者的重要掘金地。抖音带货橱窗作为其核心功能之一,为商家提供了一个展示和销售商品的绝佳平台。那么,抖音带货橱窗开通是否有风险?本文将深入探讨这一话题,帮助大家全面理解抖音带货橱窗的潜在风险与机遇。 一、抖音带货橱窗的优势…

    2026年9月28日
    000
  • 豆瓣APP怎么看自己评论过的帖子_个人评论历史查找步骤

    豆瓣APP怎么看自己评论过的帖子_个人评论历史查找步骤豆瓣APP怎么看自己评论过的帖子_个人评论历史查找步骤豆瓣APP怎么看自己评论过的帖子_个人评论历史查找步骤豆瓣APP怎么看自己评论过的帖子_个人评论历史查找步骤

    首先通过“我的发布”查看所有公开评论,再通过“我的评价”查找影音书短评,最后在“小组”中点击“我回复的”找到小组互动记录,三步精准定位豆瓣评论历史。 如果您在豆瓣上发表过评论,但无法找到之前的记录,则可以通过个人中心的不同入口进行查找。以下是解决此问题的步骤: 本文运行环境:iPhone 15 Pr…

    2026年9月28日 • 用户投稿
    000
  • 教你这几招解决电脑的应用程序突然崩溃

    教你这几招解决电脑的应用程序突然崩溃教你这几招解决电脑的应用程序突然崩溃教你这几招解决电脑的应用程序突然崩溃教你这几招解决电脑的应用程序突然崩溃

    我们每天在使用电脑的过程中,几乎都会频繁启动各种应用程序。然而,有时应用在打开时会突然报错或直接崩溃,这种情况常常让人不知所措,难以判断问题所在,很多人只能选择卸载重装。为此,本文将为大家介绍几种有效应对电脑应用程序意外崩溃的方法。 第一步,建议先尝试重新安装出问题的应用程序。如果问题依然存在,可以…

    2026年9月28日 • 用户投稿
    000

发表回复

登录后才能评论
关注微信