第七站:吃透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中更多有趣的知识点。敬请期待!

相关推荐
RadiumAg35 分钟前
记一道有趣的面试题
前端·javascript
yangzhi_emo40 分钟前
ES6笔记2
开发语言·前端·javascript
yanlele1 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
中微子2 小时前
React状态管理最佳实践
前端
烛阴2 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子2 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...3 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情3 小时前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz3 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
天天扭码3 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html