JavaScript基础教程：2020课堂笔记

"这是一份2020年的JavaScript课堂笔记，主要涵盖了JavaScript的基础知识，包括语言特性、语法结构、数据类型、变量、运算符、数组以及对象等内容，旨在帮助理解JavaScript如何增强用户与HTML页面的交互并控制页面元素以实现动态效果。" **JavaScript简介** JavaScript是一种解释型的、弱类型的、基于原型的语言，主要用于增强用户与HTML页面的交互，通过控制HTML元素实现动态效果，提升用户体验。JavaScript代码通常嵌入在HTML中或者作为外部文件引入。 **JavaScript与HTML的结合方式** 1. **内部JS**: 通过`<script>`标签将JavaScript代码直接写在HTML文档内，标签体内容即为JavaScript代码。 2. **外部JS**: 使用`<script>`标签的`src`属性引用外部.js文件，使代码组织更清晰，便于维护。 **JavaScript注释** - 单行注释: 使用`//`开始，到行尾结束。 - 多行注释: 使用`/*`开始，`*/`结束，可以跨越多行。 **数据类型** JavaScript包含两种数据类型： 1. **基本数据类型**：number（数字）、string（字符串）、boolean（布尔值）、null（对象空占位符）、undefined（未定义）。 2. **引用数据类型**：对象（如数组、函数、日期等），这些类型是可变的且存储在堆内存中。 **JavaScript变量** - 变量名区分大小写，可以包含字母、数字、美元符号($)和下划线(_)，但不能以数字开头。 - 使用`var`关键字声明变量，例如：`var 变量名 = 初始值;` - `typeof`运算符用于获取变量的数据类型，注意null会返回"object"。 **运算符** - **一元运算符**：`++` 和 `--` 用于自增和自减。 - 其他类型转换为number： - string转number：尝试按字面值转换，非数字转为NaN。 - boolean转number：true转1，false转0。 - **运算符**：包括算术运算符、赋值运算符、比较运算符和逻辑运算符。 - **比较运算符**：如`>`, `<`, `==`, `!=`, `>=`, `<=`, `===` (全等于), `!==` (不全等于)。 - **逻辑运算符**：`&&`, `||`, `!`。 **数组** 1. **创建数组**：使用`Array()`构造函数或直接用方括号`[]`定义。 2. **常用方法**： - `join(separator)`: 用指定分隔符连接数组元素成字符串。 - `push()`: 在数组末尾添加元素，并返回新长度。 3. **属性**： - `length`: 获取或设置数组的长度。 4. **特点**： - 类型可变：数组元素可以是任意类型。 - 长度可变：可以通过索引添加或删除元素。 **对象** - 对象由属性和方法组成，是引用数据类型的一种形式。 - 创建对象通常通过对象字面量`{}`或`new Object()`。 - 属性和方法通过`.`或`[]`访问，如`objectName.property`或`objectName['property']`。 这份笔记为初学者提供了JavaScript的基础知识框架，覆盖了从语言基础到实际应用的重要概念，对于学习JavaScript的开发者来说是一份宝贵的参考资料。