JS基础笔记

### JavaScript基础知识点详解 #### 一、JavaScript特点与作用 **JavaScript** 是一种广泛应用于网页开发的编程语言，它具备以下显著特点： 1. **解释性脚本编写语言**：这意味着JavaScript代码不需要编译就可以直接运行，由浏览器的JavaScript引擎进行解析执行。 2. **基于对象的语言**：虽然JavaScript不是一种面向对象编程(OOP)语言，但它支持面向对象编程的许多特性。 3. **简单性**：JavaScript语法相对简单，易于学习和理解。 4. **安全性**：在浏览器环境中运行时，JavaScript具有一定的安全限制，防止恶意代码对用户计算机造成损害。 5. **动态性**：JavaScript能够根据用户的操作实时地更改网页内容。 6. **跨平台性**：JavaScript可以在多种平台上运行，如Windows、Linux、MacOS等。 JavaScript的主要应用场景包括： - **交互式操作**：响应用户的点击、滑动等操作。 - **表单验证**：确保用户输入的数据格式正确。 - **网页特效**：实现动态效果，提高用户体验。 - **Web游戏**：开发基于浏览器的游戏。 - **服务器脚本开发**：Node.js等技术使得JavaScript也能用于服务器端编程。 #### 二、在HTML中嵌入JavaScript的方法 JavaScript可以通过以下几种方式嵌入到HTML文档中： 1. **使用JavaScript前缀**：这种方式较为少见，一般用于简单的脚本命令，例如`<a href="#" onclick="alert('Hello');">点击</a>`。 2. **使用`<script>`标签**：这是最常见的嵌入JavaScript的方式。可以直接在HTML文档中使用`<script>`标签，将JavaScript代码放在其中。 ```html <script> alert("Hello, World!"); </script> ``` 3. **导入外部JavaScript文件**：为了更好地组织代码，通常建议将JavaScript代码单独存放在外部文件中，然后通过`<script>`标签引入。 ```html <script src="myscript.js"></script> ``` #### 三、JavaScript基本语法 ##### 1. 变量和数据类型 - **定义方式**： - **隐式定义**：直接给变量赋值，例如`let x = 10;`。 - **显示定义**：使用`var`、`let`或`const`关键字定义变量，例如`var x = 10;`。 - **命名规则**： - 首字符必须是字母、下划线或美元符号。 - 其他字符可以是字母、数字、下划线或美元符号。 - 不能使用JavaScript保留关键字作为变量名。 - **数据类型**： - **数值类型**（`number`）：包含整数和浮点数。 - **布尔类型**（`boolean`）：只能是`true`或`false`。 - **字符串类型**（`string`）：用单引号或双引号包裹。 - **未定义类型**（`undefined`）：表示变量已声明但未赋值。 - **空类型**（`null`）：表示变量没有任何值。 - **对象类型**（`object`）：JavaScript中的主要数据结构，包括数组和自定义对象。 ##### 2. 数据类型转换 - **字符串转换**：可以使用加号`+`或`toString()`方法将数值转换为字符串。 - **整型转换**：使用`parseInt()`函数可以将字符串转换为整数。 - **浮点型转换**：使用`parseFloat()`函数可以将字符串转换为浮点数。 ##### 3. 字符串操作方法 - `slice()`方法：用于截取字符串的一部分。例如，`"Hello".slice(1, 4)`将返回`"ell"`。 ##### 4. 正则表达式 - **定义**：正则表达式是一种用于匹配字符串模式的强大工具。 - **语法**： - 第一种形式：`var reg = /pattern/;` - 第二种形式：`var reg = new RegExp("pattern");` - **常用方法**： - `exec()`：搜索字符串中匹配的模式。 - `test()`：测试字符串是否包含匹配的模式。 - **通配符和量词**：如`.`匹配任何单个字符；`*`匹配前面的表达式零次或多次。 ##### 5. 数组定义与特点 - **定义**：JavaScript提供了三种定义数组的方法： - 直接赋值：`let arr = [1, 2, 3];` - 定义空数组后赋值：`let arr = []; arr[0] = 1;` - 使用构造函数：`let arr = new Array(); arr[0] = 1;` - **特点**： - 数组长度是动态的。 - 数组中的元素类型可以不同。 - 访问未初始化的数组元素会返回`undefined`。 - 使用`splice()`方法可以替换数组中的元素。 以上是关于JavaScript基础知识的一些核心内容，掌握这些基本概念对于进一步深入学习JavaScript是非常重要的。