[2

本指南绘制了从JavaScript基本面到中间概念的课程，从我的个人学习经验中汲取了课程。 我编写了关键的外卖，实用的例子和有用的提示，以使您的学习旅程更加顺畅。让我们潜入！

目录

变量

数组
1. [2
functions
对象
dom（文档对象模型）
4. [2
集成HTML和JavaScript
7. 1。变量
变量是用于程序中使用的数据的容器。 JavaScript提供了两种声明它们的主要方法：

---

[2

const ：对于应该保持恒定的值。

例子：

• let age = 25; const name =“ mario”;
变量可以容纳数字，文本（字符串），true/false值（布尔值），甚至不确定的值。 JavaScript提供标准的算术运算符（ - ，*， /，％）和deponention operator（**）。
• console.log（2 ** 3）; //输出：8

2。数组

数组将多个值存储在单个变量中。 使用Square Brackets定义数组：

let age = 25;
const name = "Mario";

使用其索引访问元素（从0开始）：

）; //输出：苹果

console.log(2 ** 3); // Output: 8

[2

---

：将元素添加到开始。 [2 [2

例子：

fruits.push（“橙色”）; console.log（水果）; //输出：[“苹果”，“香蕉”，“樱桃”，“橙色”]

let fruits = ["apple", "banana", "cherry"];

console.log（fruits.indexof（“ banana”））; //输出：1 console.log（fruits.imcludes（“葡萄”））; //输出：false

console.log(fruits[0]); // Output: apple

3。有条件语句

有条件的语句允许您的代码做出决策。 [2 [2 console.log（“您通过！”）; } 别的 { console.log（“你失败了！”）; }

[2

这些操作员对于评估条件至关重要：

• [2 [2 [2 [2 [2 [2
• 4。 functions 函数是可重复使用的代码块。使用
关键字来定义它们：
• [2 返回`您好，$ {name}！`; } console.log（ettry（“ alice”））; //输出：你好，爱丽丝！ [2 函数可以接受输入（），并在使用
调用时使用它们：
• [2 返回A B； } console.log（add（2，3））; //输出：5

5。对象 对象是键值对的集合，例如mini-databases：

fruits.push("orange");
console.log(fruits); // Output: ["apple", "banana", "cherry", "orange"]

方法：

对象还可以包含函数（方法

）：

[2 品牌：“苹果”， 戒指（） { console.log（“戒指，ring！？”）; } }; phone.ring（）;
• 6。 DOM（文档对象模型）
• DOM让JavaScript与HTML元素进行交互。 [2
使用

对象选择元素：

console.log(fruits.indexOf("banana")); // Output: 1
console.log(fruits.includes("grape")); // Output: false

[2

---

7。事件

使用：响应用户操作（单击，键按）。 [2 console.log（“单击按钮！”）; }）; [2

，让count = 0; button.AddeventListener（“ click”，（）=> { 数数 ; console.log（`单击$ {count} times`）; }）;

console.log(fruits[0]); // Output: apple

8。集成html和javascript

使用 标签直接添加JavaScript

• 对于较大的脚本，请链接外部文件： [2
• 这是我从初学者到中级级别的JavaScript学习旅程的结论！我希望本指南证明有帮助。 随时分享您自己的学习技巧或在评论中提出问题！愉快的编码！ ✨