100 天挑战的第一天

日期： 8/21/2024

目标： 学习和理解 JavaScript 中的变量、逻辑运算和数据类型，使用 JavaScript 解决数学问题，并开始学习事件监听器和条件语句。

1. JavaScript变量介绍

今天，我通过学习变量开始了 JavaScript 之旅。 JavaScript 中的变量就像一个保存数据的容器，数据可以是数字、一段文本或任何其他类型的值。我学习了如何使用 let、const 和 var 关键字声明变量。

• let 允许您创建一个稍后可以更改的变量。
• const 创建一个不能重新赋值的变量。
• var 是一种声明变量的较旧方法，但仍在使用。

2. 理解逻辑运算和数据类型

接下来，我探索了用于在 JavaScript 中做出决策的逻辑运算。我了解了基本的逻辑运算符：

我还了解了不同的数据类型，例如：

3. 用 JavaScript 解决数学问题

我运用变量和数据类型的知识来解决一个简单的数学问题。问题是计算给定宽度和高度的矩形的面积。

4. 事件监听器简介

继续，我开始学习事件监听器。事件监听器是一个等待特定事件发生的函数，例如用户单击按钮，然后触发某些操作。

简单来说：
事件侦听器允许 JavaScript 响应网页上的用户操作，例如单击按钮、在文本框中键入或将鼠标悬停在元素上。

不点击时

点击后会显示正在加载的数据..然后最终显示“通过回调加载数据”

这是 javascript 中事件监听器的工作

5. 理解条件语句

我还了解了条件语句，它允许我在代码中做出决定。条件语句检查条件是真还是假，然后根据结果执行代码块。

6 了解 JavaScript 中的 While 循环和 For 循环

While 循环:
只要指定条件为真，JavaScript 中的 while 循环就会不断执行代码块。我努力理解这个概念，将其想象为有人反复提出问题，直到得到正确的答案。

简单定义：
只要某个条件成立，while 循环就会继续运行。

例子：

let number = 1;

while (number 



在此示例中，循环从 number = 1 开始，如果 number 小于或等于 5，则循环继续运行。它打印 number 的值，然后每次将其加 1。

For 循环：

for 循环与 while 循环类似，但当您知道要运行循环多少次时，for 循环通常更简洁且更容易编写。

简单定义：

for 循环将代码块重复特定次数。

例子：


for (let i = 1; i 



在这个for循环中，i从1开始，每次循环后加1，直到达到5。循环运行5次，就像while循环一样。

While 和 For 循环之间的区别：

• While Loop： 当您不知道循环应该运行多少次，但有一个条件需要检查时，这是最好的选择。
• For 循环： 当您确切知道循环应该运行多少次时最好。

设想：
想象一下你正在掷硬币。你想继续翻转直到获得正面。由于您不知道需要翻转多少次，因此您可以使用 while 循环继续翻转，直到出现正面。

现在，如果您想将硬币翻转 5 次，您可以使用 for 循环，因为您知道无论结果如何，您都需要翻转 5 次。

总之：

• While 循环： 不断翻转，直到获得正面。
• For 循环： 恰好翻转硬币 5 次。

理解循环需要付出一些努力，但这个练习帮助我了解它们如何在我的代码中有效地重复任务。

我的经历

我感到非常沮丧和压力。这真的让我很感动，几乎让我想砸碎我的电脑。真是太压倒性了！你能帮我找出哪里出了问题吗？....？‍♂️？‍♂️？‍♂️？‍♂️，我必须处理这么多错误，而调试它只会增加我的压力。但我决定休息一下，重新调整一下心态，终于解决了问题。我不断告诉自己，无论如何，我都可以成为最好的自己。

但是 javascript...???

结论

第一天非常富有成效，因为我通过学习变量、逻辑运算、数据类型和条件语句，为 JavaScript 奠定了坚实的基础。我还开始探索 JavaScript 如何通过事件监听器与用户操作交互。我很高兴能继续这个旅程并在未来加深我对 JavaScript 的理解。

请点赞、分享、订阅并关注更多内容，并评论我应该为这个 javascript 汉堡包喝什么饮料......哈哈？？？