一、JavaScript 简介
JavaScript(简称 JS)是一种脚本语言,支持解释型或即时编译。虽然它主要作为 Web 页面的开发脚本而闻名,但如今也被广泛应用于非浏览器环境中。
1.1 引入方式
在 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。
- 外部样式:HTML 和 JS 实现了完全分离,是企业开发中的常用方式。
二、基础语法
2.1 变量
JS 声明变量主要有三种方式,理解它们的区别对后续开发很重要。
| 关键字 | 解释 | 示例 |
|---|---|---|
| var | JS 中声明变量的关键字,作用域在该语句的函数内 | var name = 'zhangsan'; |
| let | ES6 中新增的声明变量的关键字,作用域为该语句所在的代码块内 | let name = 'zhangsan'; |
| const | 声明常量的,声明后不能修改 | const name = 'zhangsan'; |
JavaScript 是一门动态弱类型语言,变量可以存放不同类型的值。
命名规则:
- 组成字符可以是任何字母、数字、下划线(_)或美元符号($)
- 数字不能开头
- 建议使用驼峰命名
2.2 数据类型
| 数据类型 | 描述 |
|---|---|
| number | 数字,不区分整数和小数 |
| string | 字符串类型,字面值需要使用引号引起来,单引号双引号均可 |
| boolean | 布尔类型,true 真,false 假 |
| undefined | 表示变量未初始化,只有唯一的值 undefined |


