JavaScript+jQuery交互式Web前端开发（第2版） 课件 第2章 JavaScript基础.pptx

第2章JavaScript基础;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;数据类型;了解数据类型的分类，能够描述JavaScript中的基本数据类型和复杂数据类型;2.1.1 数据类型分类;需要说明的是，JavaScript中的数组、函数和正则表达式都属于对象型，所以复杂数据类型中只列出了对象型。复杂数据类型的使用较难，这里大家只需了解，具体会在第5章中详细讲解。;;多学一招;掌握常用的基本数据类型，能够根据实际需求定义基本数据类型的变量;;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;;多学一招;多学一招;多学一招;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;2.1.2 常用的基本数据类型;;数据类型转换;掌握数据类型转换，能够根据实际需求将数据转换为布尔型数据;;2.2.1将数据转换为布尔型数据;掌握数据类型转换，能够根据实际需求将数据转换为数字型数据;;在使用parseInt()将数据转换为数字型数据时，会直接忽略数据的小数部分，返回数据的整数部分，示例代码如下。;需要注意的是，parseInt()可以自动识别十进制数和十六进制数字符串。

例如，'0xF'会被识别为15。但对于其他进制数字符串，则需要通过parseInt()的第2个参数设置进制才能正确识别，该参数的取值范围为2~36，示例代码如下。;在使用parseFloat()将数据转换为数字型数据时，会将数据转换为数字型数据中的浮点数，示例代码如下。;使用Number()将数据转换为数字型数据的示例代码如下。;不同类型数据转换为数字型数据的结果如下表所示。;在转换纯数字字符串时，会忽略字符串前面的0，如字符串"0333"会被转换为333。如果字符串前后有空格，则这些空格会被忽略。如果字符串开头有正号“+”或负号“-”，则该字符串会被当成正数或负数，如'-333'会被转换为-333。;;多学一招;需要注意的是，isNaN()只能判断一个值是否为NaN，而不能判断一个值是否为有??的数字。如果需要判断一个值是否为数字，可以使用typeof运算符，详见2.3.8小节。;掌握数据类型转换，能够根据实际需求将数据转换为字符串型数据;在JavaScript中可以使用String()或toString()将数据转换为字符串型数据，它们的区别是，String()可以将任意类型的数据转换为字符串型数据；而toString()只能将除null和undefined之外的数据转换为字符串型数据。

在使用toString()对数字进行数据类型的转换时，可以通过设置参数将数字转换为指定进制的字符串。;2.2.3将数据转换为字符串型数据;运算符;掌握算术运算符的使用，能够灵活应用算术运算符完成运算;算术运算符用于对两个数字或变量进行算术运算，与数学中的加、减、乘、除运算类似。JavaScript中常用的算术运算符如下表所示。;自增和自减运算可以快速对变量的值进行递增或递减运算，自增和自减运算符可以放在变量前也可以放在变量后。

当自增（或自减）运算符放在变量前时，称为前置自增（或前置自减）；当自增（或自减）运算符放在变量后面时，称为后置自增（或后置自减）。

前置和后置的区别在于，前置返回的是计算后的结果，后置返回的是计算前的结果。;下面通过代码演示自增和自减运算，示例代码如下。;算术运算符在实际应用过程中还需要注意以下4点。;2.3.1算术运算符;;掌握字符串运算符的使用，能够灵活应用字符串运算符完成运算;;下面通过代码演示字符串运算符的使用。

定义两个变量，第1个变量存放用户名'小智'，第2个变量存放性别'男'，如果需要显示“小智：男”，就需要将字符串'小智'、'：'和'男'进行拼接。;值得一提的是，ECMAScript6.0中新增了使用模板字符串的方式实现字符串的拼接。模板字符串的写法是以反引号（`）开头，以反引号（`）结尾。在使用模板字符串时，首先定义需要拼接的字符串变量，然后将字符串变量写到${}的大括号中。;使用模板字符串拼接字符串的示例代码如下。;2.3.2字符串运算符;2.3.2字符串运算符;掌握赋值运算符的使用，能够灵活应用赋值运算符完成运算;在JavaScript中，赋值运算符用于将运算符右边的值赋给左边的变量。在变量的初始化过程中，就使用了最基本的赋值运算符“=”