一、JavaScript简介
- 定义:JavaScript是一种具有函数优先的轻量级、解释型或即时编译型的编程语言。它主要用于增强用户和HTML页面的交互过程,控制HTML元素,使页面具有动态效果。
- 发展历史:JavaScript在1995年由Brendan Eich发明,并于1997年成为ECMA标准。ECMAScript6(ES6)是最主流的JavaScript版本,发布于2015年。
- 特点:
- 跨平台:可以在多种浏览器和设备上运行。
- 面向对象:支持面向对象编程范式。
- 动态类型:变量类型在运行时确定,不需要事先声明。
二、JavaScript的引入方式
- 内部引入:将JS代码直接编写在HTML页面的
<script>
标签内。 - 外部引入:将JS代码编写在外部
.js
文件中,然后在HTML页面中通过<script src="文件名.js"></script>
的方式引入。这种方式有利于代码的复用和维护。
三、JavaScript的基础语法
- 区分大小写:JavaScript是区分大小写的语言,变量名、函数名等必须严格区分大小写。
- 注释:
- 单行注释:
// 注释内容
- 多行注释:
/* 注释内容 */
- 单行注释:
- 变量声明:
- 使用
var
、let
或const
关键字声明变量。其中,var
声明的变量具有函数作用域或全局作用域,let
和const
声明的变量具有块级作用域。const
用于声明常量,一旦赋值后不可更改。
- 使用
- 数据类型:
- 原始数据类型:包括
Number
(数字)、String
(字符串)、Boolean
(布尔值)、Undefined
(未定义)、Null
(空值)以及Symbol
(ES6新增)。 - 复杂数据类型:主要是
Object
(对象),包括数组、函数等。
- 原始数据类型:包括
- 运算符:JavaScript支持多种运算符,包括算数运算符、比较运算符、逻辑运算符、赋值运算符等。
四、JavaScript的流程控制语句
- 顺序结构:代码按照从上到下的顺序执行。
- 分支结构:根据条件判断选择性地执行代码,包括
if
语句、if...else
语句、if...else if...else
语句以及switch
语句。 - 循环结构:重复执行代码块,直到满足特定条件为止。包括
for
循环、while
循环和do...while
循环。
五、JavaScript的函数
- 定义函数:可以使用函数声明、函数表达式或箭头函数等方式定义函数。
- 调用函数:通过函数名加括号(可带参数)的方式调用函数。
- 参数和返回值:函数可以接收参数并返回结果。参数类型在JavaScript中是动态的,不需要事先声明。
六、JavaScript的内置对象
JavaScript提供了许多内置对象,如String
、Array
、Math
、Date
等,这些对象提供了丰富的方法和属性,方便开发者进行字符串处理、数组操作、数学计算和日期时间处理等操作。
七、JavaScript的DOM和BOM
- DOM(文档对象模型):提供了与HTML文档交互的方法和接口,允许开发者通过编程方式访问和操作网页内容。
- BOM(浏览器对象模型):提供了与浏览器交互的方法和接口,允许开发者通过编程方式控制浏览器的行为,如打开新窗口、定位页面、设置浏览器状态栏等。