js学习笔记、个人学习心得

### JavaScript 学习笔记与心得 #### 一、JavaScript 基础介绍 JavaScript 是一种广泛使用的编程语言，尤其在 Web 开发领域占有极其重要的地位。它是一种解释型语言，通常用于网页上实现动态效果，增强用户体验。JavaScript 的语法结构与 C 语言家族相似，但又具备动态类型的特性，使得其在编写时更加灵活。 #### 二、文档对象模型（DOM）操作 在 JavaScript 中，`document.write()` 方法常用来向文档流中写入文本或 HTML 内容。例如： ```javascript document.write("Hello world"); ``` 该语句会在页面上显示文本 "Hello world"。 示例中的代码还演示了如何通过 `document.write()` 方法来创建 HTML 元素，如标题和段落。例如： ```javascript document.write("<h1>This is a header</h1>"); document.write("<p>This is a paragraph</p>"); ``` 这样可以在页面中生成一个标题和两个段落。 #### 三、变量声明与赋值 在 JavaScript 中，可以通过以下几种方式声明变量： - 不使用关键字：`x = 5;` - 使用 `var` 关键字：`var x = 5;` - 使用 `let` 或 `const` 关键字：`let y = 2; const z = 3;` 注意，如果不使用任何关键字声明变量，则该变量会默认成为全局变量，这可能导致意外的副作用。推荐使用 `let` 和 `const` 来声明变量，这样可以避免作用域问题，并且让代码更易于维护。 #### 四、算术运算 JavaScript 支持常见的算术运算符，包括加法 (`+`)、减法 (`-`)、乘法 (`*`) 和除法 (`/`)。例如，可以进行简单的数学计算： ```javascript let y = 5; let z = 2; let x = y + z; // 结果为 7 ``` #### 五、字符串拼接 使用加号 (`+`) 还可以进行字符串的拼接。例如： ```javascript let txt1 = "What a very"; let txt2 = "nice day"; let txt3 = txt1 + txt2; // 结果为 "What a verynice day" ``` 如果希望在两个字符串之间添加空格，可以显式地添加： ```javascript let txt3 = txt1 + " " + txt2; // 结果为 "What a very nice day" ``` #### 六、条件判断 JavaScript 支持多种比较运算符，如等号 (`==`) 和全等 (`===`)。等号仅比较值，而全等同时比较类型和值。例如： ```javascript let x = 5; console.log(x == 5); // true console.log(x === 5); // true console.log(x == "5"); // true (类型转换后比较) console.log(x === "5"); // false (类型不同) ``` #### 七、流程控制 - **if 语句**：根据条件执行不同的代码块。 - **switch 语句**：根据不同的条件执行不同的代码块。例如： ```javascript let n = 1; switch (n) { case 1: console.log("Case 1"); break; case 2: console.log("Case 2"); break; default: console.log("Neither 1 nor 2"); } ``` #### 八、弹出对话框 JavaScript 提供了几种弹出对话框的方法，包括： - **alert()**：用于显示警告信息。 - **confirm()**：用于询问用户是否确认某个操作。 - **prompt()**：用于提示用户输入信息。 #### 九、函数定义与调用 - **函数定义**：函数是封装了一段特定功能的代码块，可以通过函数名来调用这段代码。 ```javascript function displayMessage() { alert("Hello World!"); } ``` - **函数调用**：定义好函数之后，可以通过函数名加上括号来调用它。 ```javascript displayMessage(); ``` #### 十、事件处理 事件处理是 JavaScript 中非常重要的一个概念，用于响应用户的动作，比如点击按钮。例如： ```html <button onclick="displayMessage()">Click me!</button> ``` 这里的 `onclick` 属性指定了当按钮被点击时执行的函数。 以上就是 JavaScript 学习过程中的一些基础知识点和个人心得，希望能帮助初学者更好地理解和掌握这门语言。