一、简述 JS
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 | ES5 中声明变量的关键字,作用域在该语句的函数内 | var name = 'zhangsan'; |
| let | ES6 新增的关键字,作用域为该语句所在的代码块内 | let name = 'zhangsan'; |
| const | 声明常量,声明后不能修改 | const name = 'zhangsan'; |
JavaScript 是一门动态弱类型语言,变量可以存放不同类型的值。关于命名规则,建议遵循以下规范:
- 组成字符可以是任何字母、数字、下划线(_)或美元符号($)。
- 数字不能作为开头。
- 建议使用驼峰命名法。
2.2 数据类型
JS 中常见的数据类型包括:
| 数据类型 | 描述 |
|---|---|
| number | 数字,不区分整数和小数。 |
| string | 字符串类型,字面量需要使用引号包裹,单双引号均可。 |
| boolean | 布尔类型,true 表示真,false 表示假。 |
| undefined | 表示变量未初始化,只有唯一的值 undefined。 |
2.3 运算符
常用的运算符类型如下:


