JavaScript 基础语法与 jQuery 入门
JavaScript（简称 JS）是一门解释型脚本语言，虽然主要用于 Web 页面开发，但如今已广泛应用于非浏览器环境。它动态弱类型的特性让变量可以灵活存储不同数据，是前端开发的基石。
引入方式
在 HTML 中使用 JS 主要有三种方式，企业开发中推荐外部样式以分离结构与逻辑。
| 引入方式 | 语法描述 | 示例 |
|---|---|---|
| 行内样式 | 直接嵌入到 html 元素内部 | <input type="button" value="点我一下" onclick="alert('haha')"> |
| 内部样式 | 定义 <script> 标签，写到 script 标签中 | <script> alert("haha"); </script> |
| 外部样式 | 定义 <script> 标签，通过 src 属性引入外部 js 文件 | <script src="hello.js"> </script> |
内部样式容易导致代码冗余，不利于维护；行内样式仅适用于简单交互；外部样式则实现了完全的解耦。
基础语法
变量声明
JS 声明变量主要有三种关键字，作用域和可变性各不相同。
| 关键字 | 解释 | 示例 |
|---|---|---|
| var | 传统声明，作用域在函数内 | var name = 'zhangsan'; |
| let | ES6 新增，块级作用域 | let name = 'zhangsan'; |
| const | 声明常量，不可重新赋值 | const name = 'zhangsan'; |
命名时建议遵循驼峰法则，首字符不能为数字，可使用字母、数字、下划线或美元符号。
数据类型
JS 是动态弱类型语言，常见基础类型包括：
| 数据类型 | 描述 |
|---|---|
| number | 数字，不区分整数和小数 |
| string | 字符串，单双引号均可 |
| boolean | 布尔值，true 或 false |
| undefined | 变量未初始化时的默认值 |
运算符
除了常规的算术、赋值、比较运算符外，JS 还提供了逻辑、位运算及三目运算符。值得注意的是 == 会进行隐式类型转换，而 === 则严格比较值和类型，开发中建议优先使用 === 避免意外。
对象与数组
数组操作
创建数组推荐使用字面量方式，简洁且常用。
let arr = [];
let arr2 = [, , , ];
