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

目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
48 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
2月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
3月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
3月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
4月前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
3月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
56 4
|
3月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
31 2
|
3月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
34 5
|
3月前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
28 3
|
3月前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
26 3