一、JavaScript 简介
JavaScript(简称 JS)是一门解释型或即时编译型的脚本语言。虽然它最初是为 Web 页面开发而设计的,但现在已广泛应用于浏览器以外的多种环境。
1.1 引入方式
在 HTML 中使用 JavaScript 主要有三种方式:
| 引入方式 | 语法描述 | 示例 |
|---|---|---|
| 行内样式 | 直接嵌入到 HTML 元素内部 | <input type="button" value="点我一下" onclick="alert('haha')"> |
| 内部样式 | 定义 <script> 标签,代码写在标签中 | <script> alert("haha"); </script> |
| 外部样式 | 通过 src 属性引入外部 JS 文件 | <script src="hello.js"></script> |
区别说明:
- 内部样式容易出现大量代码冗余,不利于后期维护,因此不常用。
- 行内样式仅适用于简单的交互逻辑,且只针对特定标签生效,无法编写复杂的 JS 逻辑。
- 外部样式实现了 HTML 结构与 JS 逻辑的完全分离,是企业开发中的主流方式。
二、基础语法
2.1 变量
JS 声明变量有三种主要方式:
| 关键字 | 解释 | 示例 |
|---|---|---|
| var | ES5 中声明变量的关键字,作用域在该语句的函数内 | var name = 'zhangsan'; |
| let | ES6 新增的关键字,作用域为该语句所在的代码块内 | let name = 'zhangsan'; |
| const | 声明常量,声明后不能修改 | const name = 'zhangsan'; |
JavaScript 是一门动态弱类型语言,变量可以存放不同类型的值。命名规则建议如下:
- 组成字符可以是字母、数字、下划线(_)或美元符号($)。
- 数字不能作为开头。
- 建议使用驼峰命名法。
2.2 数据类型
| 数据类型 | 描述 |
|---|---|
| number | 数字,不区分整数和小数。 |
| string | 字符串,字面量需使用引号包裹,单双引号均可。 |
| boolean | 布尔类型,true 表示真,false 表示假。 |
| undefined | 表示变量未初始化,只有唯一的一个值 undefined。 |
2.3 运算符
| 运算符类型 |
|---|


