4.1 JavaScript基础教程

课程概要

• JavaScript介绍
• JavaScript实现
• JavaScript输出
• JavaScript语法
• JavaScript注释
• JavaScript变量
• JavaScript数据类型

4.1.1 JavaScript介绍

1、JavaScript介绍

1、JavaScript是互联网上最流行的脚本语言，这门语言可用于web和HTML，更可广泛用于服务器、pc端、移动端。

2、JavaScript脚本语言：

• JavaScript是一种轻量级的编程语言
• JavaScript是可插入HTML页面的编程代码
• JavaScript插入HTML页面后，可由所有的浏览器执行

2、JavaScript实现

1、JavaScript用法：

HTML中的脚本必须位于标签之间

脚本可被放置在HTML页面的和部分中

2、JavaScript标签：

在HTML中插入JavaScript，使用之间书写代码

3、JavaScript使用限制：

在HTML中，不限制脚本数量

通常会把脚本放置与标签中，以不干扰页面内容

3、JavaScript输出

1、JavaScript通常用来操作HTML

2、文档输出：

document.write("<p>this is my web page!</p>");

4.1.2 JavaScript语法和注释

1、JavaScript语句：

JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

2、分号：

语句之间的分割是分号（;）

注意：分号是可选项，有时候是看不到分号隔开的。

3、JavaScript代码：

按照编写顺序依次执行

4、标识符

JavaScript标志符必须以字母、下划线或美元符号开始

JavaScript关键字

5、JavaScript对大小写敏感

6、空格

7、代码换行

8、保留字

JavaScript注释

1、单行注释：

//

2、多行注释：

/**/

4.1.3 变量和数据类型

1、变量是用来储存信息的“容器”

例： var x = 10;
	 var y = 10.1;
	 var z = "Hello";

2、数据类型

• 字符串（String）
• 数字（Number）
• 布尔（Boolean）
• 数组（Array）
• 对象（Object）
• 空（null）
• 未定义
• 可以通过赋值为null的方式清除变量

4.2 JavaScript语法详解

课程概要

• JavaScript运算符
• JavaScript条件语句
• JavaScript循环语句
• JavaScript跳转语句

4.2.1 JavaScript运算符

1、算数运算符

+、-、*、/、++、--

2、赋值运算符

=、+=、-=、*=、/=、%=

3、字符串操作

4、比较运算符

==、===、!=、!==、>、<、>=、<=

5、逻辑运算符

&&、||、!

6、条件运算符

例: x< 10? "x比10小" : "x比10大"

4.2.3 if(){} else

4.2.4 switch

4.2.5 循环语句 for循环

4.2.6 循环语句 while循环

4.2.7 跳转语句

• break
• continue

4.3 JavaScript函数

课程概要

• 了解函数
• 定义函数
• 函数调用
• 带参数的函数
• 带返回值的函数

4.3.1 了解函数

1、函数：

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

4.3.2 定义函数

1、定义函数

function 函数名() {
	函数体； （代码块）
}

2、注意：

JavaScript对大小写十分敏感，所以这里的function必须小写。在函数调用时，也必须按照函数的相同名称来调用函数。

4.3.3 函数调用

1、函数调用：

函数在定义好之后，不能自动执行，需要进行调用

2、调用方式：

• 在script>标签内调用
• 在HTML文件中调用

4.3.4 带参数的函数

1、函数参数：

在函数的调用中，也可以传递值，这些值被称为参数

例： demo(arg1, arg2);

2、参数的个数可以为任意多，每个参数通过“ , ”隔开

3、注意：

参数在传递时，其顺序必须一致

4、参数意义：

通过传递参数的个数以及参数的类型不同完成不同的功能

4.3.5 带返回值的函数

1、返回值：

有时，我们需要将函数的值返回给调用它的地方

通过return语句就可以实现

注意：在使用return语句时，函数停止执行，同时返回值

4.3.6 局部变量和全局变量

4.4 JavaScript异常处理和事件处理

课程概要

• 异常捕获
• 事件处理

4.4.1 异常捕获

1、异常：

当JavaScript引擎执行JavaScrpit代码时，发生了错误，导致程序停止运行

2、异常抛出：

当异常产生，并且将这个异常生成一个错误信息

3、异常捕获：

try {
	发生异常的代码块;
}catch(err) {
	错误信息处理；
}

4、Throw语句：

通过throw语句创建一个自定义错误

4.4.2 JavaScript事件

1、什么是事件；

事件是可以被JavaScript侦测到的行为

2、主要事件：