第七站:吃透JavaScript中的函数

🚀欢迎来到《JavaWeb的奇妙冒险》教学系列!在这里,我们将继续探索Web开发的精彩世界,本站将为你揭开JavaScript中变量的神秘面纱。让我们在学习的过程中既轻松愉快,又能掌握高质量的知识。准备好进入第七站的学习之旅了吗?让我们开始吧!

文章目录

第七站:速成JavaScript中的变量

在本站中,我们将探索JavaScript中的变量,这些变量就像是小精灵一样,可以存储各种类型的值,同时还拥有一些特殊的特点。让我们一起揭开这些奇妙的变量的秘密吧!

变量:捕获世间万物的小精灵

在JavaScript中,我们可以使用关键字var来声明一个变量,这个关键字其实是"variable"的缩写。JavaScript是一门弱类型的语言,这意味着变量可以存储不同类型的值,就像小精灵们可以变幻成各种形态一样。

另外,变量名也需要遵循一些规则:

  1. 变量名可以由数字、字母、下划线(_)或美元符号($)组成。
  2. 变量名不能以数字开头。
  3. 建议使用驼峰命名法来命名变量,这样更符合JavaScript的命名约定。

使用var关键字声明的变量有两个重要的特点:

  1. 作用域较大: 通过var声明的变量具有较大的作用域,即属于全局变量。这意味着,我们可以在大括号内声明一个var变量,然后在大括号外部也可以访问到该变量。就像小精灵的魔力可以渗透到整个世界一样,var变量的作用范围也非常广。
  2. 允许重复声明: 使用var声明的变量可以重复出现,即变量名可以相同。而且后声明的同名变量将覆盖先声明的同名变量的值,就像小精灵们可以重复变幻形态一样,后声明的变量将掌握着变化的主动权。

新增局部变量let和常量const:魔法的力量扩展

除了var关键字外,JavaScript还引入了letconst来声明变量和常量,它们为我们的魔法工具箱增添了新的力量。

  • 注意:

    • let关键字声明的变量只在声明的代码块内部有效,不允许重复声明。这就像是小精灵们在特定的区域内施展魔法,只有在这个区域内才能感受到它们的存在。
    • const关键字声明的变量是一个只读的常量,一旦声明,其值就不能再改变。这就像是小精灵们施展了一次魔法,将自己的特质固定下来,无法再改变。

让我们通过一段诙谐的代码来感受一下letconst的魔法吧!

javascript 复制代码
{
  let b = 1;
  alert(b);
  // let b = 2; 这是错误的,编辑器会报错!小精灵们告诉我们,不要重复声明哦!
}

// alert(b); 小精灵们告诉我们,这里找不到变量b,因为它只在特定的区域内生效!
javascript 复制代码
{
  const PI = 3.14;
  PI = 3.1415926;
  alert(PI); // 这里将会报错,小精灵们告诉我们,一旦声明为常量,就无法再改变其值了!
}

这是一个有趣的冒险!当我们试图改变一个常量的值时,小精灵们发出了警告,告诉我们这是不可能的事情。你可以在浏览器的开发者工具中查看控制台,看看小精灵们给出的提示吧!

准备好进入下一站的学习了吗?

通过本站的学习,你已经掌握了JavaScript中变量的基本概念和特点。是时候继续你的冒险之旅了!在下一站,我们将深入研究JavaScript中更多有趣的知识点。敬请期待!

念和特点。是时候继续你的冒险之旅了!在下一站,我们将深入研究JavaScript中更多有趣的知识点。敬请期待!

相关推荐
重生之后端学习35 分钟前
02-前端Web开发(JS+Vue+Ajax)
java·开发语言·前端·javascript·vue.js
布鲁斯的快乐小屋38 分钟前
axios的基本使用
javascript·ajax
繁依Fanyi2 小时前
用 CodeBuddy 实现「IdeaSpark 每日灵感卡」:一场 UI 与灵感的极简之旅
开发语言·前端·游戏·ui·编辑器·codebuddy首席试玩官
来自星星的坤4 小时前
【Vue 3 + Vue Router 4】如何正确重置路由实例(resetRouter)——避免“VueRouter is not defined”错误
前端·javascript·vue.js
香蕉可乐荷包蛋8 小时前
浅入ES5、ES6(ES2015)、ES2023(ES14)版本对比,及使用建议---ES6就够用(个人觉得)
前端·javascript·es6
未来之窗软件服务8 小时前
资源管理器必要性———仙盟创梦IDE
前端·javascript·ide·仙盟创梦ide
liuyang___9 小时前
第一次经历项目上线
前端·typescript
西哥写代码10 小时前
基于cornerstone3D的dicom影像浏览器 第十八章 自定义序列自动播放条
前端·javascript·vue
清风细雨_林木木10 小时前
Vue 中生成源码映射文件,配置 map
前端·javascript·vue.js
FungLeo10 小时前
node 后端和浏览器前端,有关 RSA 非对称加密的完整实践, 前后端匹配的代码演示
前端·非对称加密·rsa 加密·node 后端