哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第三阶段 JavaScript基础

06 数据类型

简单数据类型

Number、String、Boolean、Undefined、Null

Number类型

- 数值字面量：数值的固定值的表示法

110 1024 60.5

- 进制

浮点数

数值范围

数值判断

- NaN：not a number

- NaN 与任何值都不相等，包括他本身

- isNaN: is not a number

String类型

'abc' "abc"

- 字符串字面量

'程序猿'，'程序媛', "黑马程序猿"

思考：如何打印以下字符串。

我是一个"正直"的人

我很喜欢"黑马'程序猿'"

- 转义符

字符串长度

length属性用来获取字符串的长度

字符串拼接

字符串拼接使用 + 连接

1. 两边只要有一个是字符串，那么+就是字符串拼接功能

2. 两边如果都是数字，那么就是算术功能。

Boolean类型

- Boolean字面量： true和false，区分大小写

- 计算机内部存储：true为1，false为0

Undefined和Null

1. undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined

2. null表示一个空，变量的值如果想为null，必须手动设置

复杂数据类型

Object

获取变量的类型

typeof

字面量：

在源代码中一个固定值的表示法。

数值字面量：8, 9, 10

字符串字面量：'黑马程序员', "大前端"

布尔字面量：true，false

07 注释

单行注释

用来描述下面一个或多行代码的作用

多行注释

用来注释多条代码

08 数据类型转换

如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

转换成字符串类型

转换成数值类型

转换成布尔类型

- Boolean()

0 ''(空字符串) null undefined NaN 会转换成false 其它都会转换成true

09 操作符

运算符 operator

5 + 6

表达式 组成 操作数和操作符，会有一个结果

算术运算符

+ - * / %

一元运算符

一元运算符：只有一个操作数的运算符

5 + 6 两个操作数的运算符 二元运算符

++ 自身加1

-- 自身减1

前置++

后置++

猜猜看

**总结**

**前置++：先加1，后参与运算**

**后置++：先参与运算，后加1**

**上面两个理解后，下面两个自通**

**前置-- ：先减1，后参与运算**

**后置-- ：先参与运算，后减1**

逻辑运算符(布尔运算符)

关系运算符(比较运算符)

赋值运算符

运算符的优先级

?

看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。

本章已结束，下篇文章将分享《JavaScript表达式、流程控制、分支结构、循环结构》小伙伴们不要错过哟！