【JavaScript教程】#3 零基础入门JavaScript: 学习8大JavaScript 数据类型 (原始类型 + 引用类型) | Intro To JavaScript Data Types
☕ ☕ ☕ 给我买杯咖啡提提神吧！
✅ https://bit.ly/3kCOpFK
✅ (免费) JavaScript教程系列：
https://bit.ly/310cHle
✅ 更多精彩的JavaScript入门课程：
http://bit.ly/js-for-beginners
✅ JavaScript相关书籍：
1：The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍)
https://amzn.to/31s30uH
✅（通告）”Codetisan 自学编程社区“ 已经正式开通啦，三人行必有我师，同学们再也不用独自一人闷头自学编程了，快去社区里和其他小伙伴们互动吧！
▶︎ https://bit.ly/2AHylzN
🔆订阅我的YouTube频道，让你从一个0基础编程的菜鸟快速成为编程大师！🔆
http://bit.ly/2TBkXo1
▶︎ 文轩解码更精彩的平台 ◀︎
‣‣ Blogger ：https://bit.ly/2yMz0PC
‣‣ Twitter: https://bit.ly/2R74FS1
‣‣ Facebook: https://bit.ly/35crcmz
‣‣ Instagram: https://bit.ly/2KH6Wjw
‣‣ Github: https://bit.ly/2SHtsx4
#javascript数据类型 #编程入门 #javascript入门
文字内容：
Hi, 大家好，我是文轩
欢迎再次收看文轩解码！
我们在第二节课里学习
怎么使用 let 和 const 创建变量和常量
去储存JavaScript数据
相信大家已经掌握了变量和常量的运用
这期视频是JavaScript编程系列的第三集
我们将一起探讨JavaScript目前支持的8种数据类型
然后再给你们演示怎么使用这些数据类型
JavaScript属于动态型编程语言（dynamic type）
意思就是当你声明一个变量后
这个变量上一秒储存数字
下一秒储存文本
JavaScript允许变量在运行周期里
储存不同类型的数据
像这样
我们声明一个message变量
然后给它赋值10
下一行
我们给它赋值"Welcome Guest"
message变量从数值转换成文本
而且完全是自动的，不用我们操心
C或者Java属于静态型编程语言 (static type)
它们都需要在声明变量的时候
提前告诉编译器变量属于什么类型
像这样
int 代表 integer，整数
在声明变量的时候
动态型编程语言会相对于方便一些
要嘛let
要嘛const
那接下来我们看看这8大数据类型的详细介绍
8大数据类型里有
number
bigint
string
boolean
null
undefined
symbol和object
我们先说说其中一个最常用的数据类型
number
number适用于整数（integer）
或者浮点数 (floating point)
我们可以把这些值赋予变量
比如100
13.1
或者是 -100
除了这些常规数字
JavaScript里还有Infinity
和 Not A Number这两个值
Infinity 和 Not A Number
都属于number类型里的特殊数值
当我们把任何数字除以0的时候
就会得出Infinity
如果我们用“hello”去减2
一个文本
一个数字
这样就会出现计算错误
因为用文本去减数字是不对的
所以JavaScript会返回Not A Number
在JavaScript里
number数据类型只能表示这个范围的数值
任何超出这个范围的整数值都有可能失去精度
当我们打印这个整数的时候
它会显示这个值
而不是这个值
让我们尝试用大整数减大整数
看看结果对不对
嗯，计算出来的值也不对
一般情况下
number的数值范围是绰绰有余的
但对于需要超大整数的加密或者高精度的算法
这样就会损害算法的稳定性和可靠性
这种情况下
一般会需要使用bigint
BigInt可以让我们使用任意长度的整数
我们只需要在结尾添加n字母就可以了
像这样
我们再尝试打印这一行
先把这两个数字换成bigint
看看答案对不对
是的，这就是我们期待的答案
好的
数值类型number和bigint我们介绍完了
接下来我们说说string字符串
如果程序需要储存或者显示文本数据
我们就得使用string字符串
字符串可以用三种方法表示
第一种，使用双引号，把文本数据包在双引号里
第二种， 使用单引号
第三种，使用反引号
双引号和单引号的功能是一样的
就是简单的显示文本
反引号比较特别一点
它能让我们在文本嵌入变量
我演示一下你们就明白了
假设我们有一个变量叫age
我们想把age的值打印出来
但这一次
我们不是单纯只打印age变量
我们会把age变量放在句子里
像这样
console.log
小括号
反引号
然后输入我们的句子
I am age years old
我们希望打印出来的句子是
I am ten years old
我们保存刷新看看
age的值没被打印出来
为什么呢？
我给你你们解释解释
如果我们想打印age的值
而不是age这个词
我们需要添加一些符号
像这样
美元符号和大括号
把age包在大括号里
这样就能打印出age的值
我们保存刷新看看
嗯，这一次我们成功把age的值打印出来了
除了用反引号
其实我们也能用双引号
和单引号达到同样的效果
像这样
这个操作其实就是我们把文本
和变量通过加符号串起来
我们保存刷新看看
是的，打印出来的内容是一模一样的
其实在早期
在反引号还没面世的时候
我们都是用加符号拼接文本和变量的
接下来我们说说boolean吧
boolean类型代表两个状态
真和假
真，我们用关键字true表示
假，我们则会用false表示
像这样
boolean是以英国数学家George Boole命名
George Boole是Boolean Algebra布尔代数的奠基人
所以boolean类型也称之为逻辑类型
boolean值能让程序根据不同的条件执行不同的操作
比如说，系统发现小刘的任务已经完成
系统下一步就会发送邮件通知上司
系统要不要发送邮件
完全取决于任务是否已经完成
一般这样的情况
我们可以使用boolean值去储存任务状态
因为任务就只用两种状态
要嘛已经完成（真）
要嘛还没完成 (假）
好的，说完boolean
我给大家介绍下一个数据类型，null
null值是一个特殊值，它是个空值
如果我们要把变量的值变成空值的话
可以把null赋予该变量，像这样
age的值现在是空值
undefined和null值最容易被人混淆
觉得它们是一样的
但其实它们是两个不同的概念
当你声明变量，像这样
你能猜出现在roomNumber的值吗？
答案是
roomNumber现在没被赋值
所以它的默认值是undefined
这里我要重点说一下
没被赋值和被赋值null是两个概念
所有已经被声明但没有被赋值的变量
JavaScript会自动给他们配默认值undefined
null值是故意用来表示
这个变量现在已经被赋值了
但值是空的
Symbol值是用来表示唯一的标识符（symbol）
我们可以通过Symbol()去创建唯一标识符
像这样
object（对象）是JavaScript里最重要的数据类型
之前讨论的数据类型被称为原始类型
因为它们的值只包含一个单独的数据
像number或者string
比起原始类型
object 则用于储存更复杂的数据
我们可以通过使用大括号声明一个object（对象）
像这样
let user = {}
接下来，我们要为user对象添加一些数据
我们可以通过添加对象属性来添加数据
对象属性是以成双成对的形式出现
我们称它为键 值 对 (key-value pair)
键也可以被认为是属性名
我们先添加用户名字，像这样
name, 冒号，双引号, John, 逗号
这是一对key-value pair
key-value pair是用冒号分成两个部分
第一部分是key
第二部分是value
我们给用户再添加年龄的数据
age, 冒号，18，逗号
这就是一个完整的对象数据
现在我们来打印user对象的数据
这是user对象的全部数据
如果我们只想打印用户的名字
该怎么做呢？
我们可以使用点符号获取某个属性的值
像这样，user，点，name
这里的意思是
只提取name属性的值
我们保存刷新看看console会不会显示John
嗯，是的，console只显示John
而不是user所有的数据
看完这8大数据类型
你们有没有疑问呢？
有的话就赶快扫描这个二维码
去到自学编程社区里留言发问
我会给你们一一回复
希望今天的分享对你自学JavaScript起到一些作用
接下来的视频
我会专注分享更多的JavaScript视频
手把手教会你们JavaScript编程
让你以后多一条出路
去探索未知的未来
好的，如果你喜欢这期视频
记得点赞分享和订阅
那样你就不会错过我发布关于编程的视频了
那我们下期视频见，拜拜！
Comments
Post a Comment