第七站:吃透JavaScript中的函数

简介: 第七站:吃透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的魔法吧!

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

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

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

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

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

目录
相关文章
|
13天前
|
JavaScript
js export 对外输出常量、变量和函数
js export 对外输出常量、变量和函数
16 5
|
12天前
|
JavaScript
js函数封装 —— 金额添加千分位分隔符
js函数封装 —— 金额添加千分位分隔符
12 2
|
13天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
17 1
|
18天前
|
JavaScript 前端开发
JavaScript作用域关乎变量和函数的可见范围。
【6月更文挑战第27天】JavaScript作用域关乎变量和函数的可见范围。全局作用域适用于整个脚本,局部作用域限于函数内部,而ES6引入的`let`和`const`实现了块级作用域。全局变量易引发冲突和内存占用,局部作用域在函数执行后消失,块级作用域提高了变量管理的灵活性。作用域关键在于组织代码和管理变量生命周期。
19 1
|
9天前
|
JavaScript
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
10 0
|
10天前
|
JavaScript
js 高频实用函数封装汇总(持续更新)
js 高频实用函数封装汇总(持续更新)
10 0
|
11天前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
8 0
|
11天前
|
JavaScript
js 调试 —— 断点(含进入函数、条件断点等)
js 调试 —— 断点(含进入函数、条件断点等)
14 0
|
11天前
|
JavaScript
JS【详解】函数.bind()
JS【详解】函数.bind()
5 0
|
11天前
|
JavaScript
js 【详解】函数中的 this 指向
js 【详解】函数中的 this 指向
12 0