JavaScript 简介
JavaScript(简称 JS)是一门解释型或即时编译型的脚本语言。虽然它最初是为 Web 页面开发而设计的,但现在的应用场景已远远超出了浏览器环境。
引入方式
在实际项目中,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 的完全分离,是企业开发中的常用方式,推荐优先使用。
基础语法
变量声明
JS 声明变量主要有三种关键字,它们的作用域和行为有所不同:
| 关键字 | 解释 | 示例 |
|---|---|---|
| var | ES5 中声明变量的关键字,作用域在该语句的函数内 | var name = 'zhangsan'; |
| let | ES6 新增的关键字,作用域为该语句所在的代码块内 | let name = 'zhangsan'; |
| const | 声明常量,声明后不能修改 | const name = 'zhangsan'; |
JavaScript 是一门动态弱类型语言,变量可以存放不同类型的值。命名时建议遵循以下规则:
- 组成字符可以是字母、数字、下划线(_)或美元符号($)。
- 数字不能作为开头。
- 建议使用驼峰命名法。
数据类型
JS 主要包含以下几种基础数据类型:
| 数据类型 | 描述 |
|---|---|
| number | 数字,不区分整数和小数 |
| string | 字符串类型,字面量需要使用引号包裹,单双引号均可 |
| boolean | 布尔类型,true 表示真,false 表示假 |
| undefined | 表示变量未初始化,只有唯一的值 undefined |
运算符
常见的运算符包括算术、自增自减、赋值、比较、逻辑、位运算、移位以及三目运算符等。特别需要注意的是比较运算符:


