追求JS小姊姊系列 Day2 -- 谁说难搞的女生没朋友？

前情提要

先帮大家回味一下，第一天我说了些哪些内容：

之前跟她装熟很失败，现在决心要打掉重练

啊，可是现状就是不熟，到底能怎麽做呢？

那就是！从农村包围城市

图片来源：https://www.thenewslens.com/article/155850

不是啦，我的意思是从外而内，慢慢~~包围~~打入她的生活圈

要知道，想要减低一段恋情的摩擦机率，受到对象的姊妹淘认可与祝福，是很重要的！所以先跟JS的姐妹认识认识（交流交流）不会错！

以下是笔记与他们对话的过程:

朋友A：数字姐

数字姐：先不说别的，你有听过数字型别吗？
我：（直...？）没听过
数字姐：数字型别包含的内容其实很广

//这些都是数字型别
let x = 1.5; //浮点数
let y = 1;//整数
let z = NaN;//不是数字
let f = Infinity;//无限大
let a = -Infinity;//负的无限大

我：NaN意思是不是数字，却是数字型别？
数字姐：喔对齁，看来你有在思考，那考你几题好了。

//1.型别
console.log(typeof NaN);
//注释： typeof 适用於判断基本型别内容

//2.运算
console.log(NaN + 8757)

//3.是否相等？
console.log(NaN === NaN)

数字姐：如果你有尝试上面的内容，会发现以下几点：

1. NaN是数字型别
2. 它与数字型别的任何内容进行运算，结果都是NaN
3. 跟一般的数字内容不同，NaN甚至不会等於自己

数字姐：如果有兴趣知道更多数字型别的内容，之後来找我再跟你说如何？

朋友B：布林姐

姐妹们似乎很依赖她来判断事物真假，目前还没出错过。
是真的她会说:true，不是则为false：

//这个包包是9000吗？
let lvBag = 9000;
console.log(Boolean(lvBag === 9000));//get true

//这个是好男人吗？
let thisMan = false;
let goodMan = true;
console.log(Boolean(thisMan === goodMan)); // get false

朋友C：字串姐

她讲了很多叫做字串(String)的东西：

字串姐：在模板字面值出现之前，字串要做到换行是挺麻烦的，必须使用\n(反斜线+n)来实现换行

let trys = "真的很 \n麻烦\n对吧 \n小兄弟";

我：等一下，什麽是模板字面值啊？
字串姐：（无视提问）ES6聚会後，新增模板字面值，你只要用反号（｀｀）包覆内容，不但能轻松换行，还能用${}嵌入变数值呢～ 呵呵

//改写上面的trys
let es6Good = "cool";
let trys = `真的不
麻烦
对吧
小兄弟 ${es6Good}`

我： ...
字串姐：字串的能耐还不只如此呢，有兴趣再来找我吧。

朋友D,E:空值姐 & 未定义姐

两人初次看来长相非常相似：

//1.布林判断
console.log(Boolean(null));
console.log(Boolean(undefined));
//都会得到false

//2.是否相等
console.log(null == undefined);//true
console.log(null === undefined );//false

空值姐 & 未定义姐：undefined 跟 null 虽然看起来类似，但是意义上是有不同的：

1. undefined ：代表的是还没有给值。
2. null：可能曾经有值，但现在没有。

朋友F：象徵姐

似乎是最近参加ES6聚会後认识的朋友，目前不调查。

工具人（？）：还有一些殷勤的男人：

1. 方函式
2. 郑列
3. 阿物件

之後再观察跟接触好了。

小结（问题整理）

跟她们讲话都像在跟游戏NPC讲话的感觉...

1. 数字型别包含那麽多，要怎麽判断？（尤其NaN）
2. 所谓的数字型别，是否还有别的？
3. 字串後来的模板字面值比较方便？
4. null 跟 undefined意义上是不同的。
5. 布林只会回true,false

数字姐也是字串姐？怎麽回事？

事情是这样的，今日我也照惯例的在（偷窥）观察她的姐妹时
在大街上，只见字串姐突然大喊一声：转型数字！

let stringSisChangeType = Number("iamstring");

下一秒眼前的人竟然变成数字姐？？！

-- (to be continued) --

那今天就到这边搂！
从今天开始都会推一首我爱的歌：
无妄合作社 No-nonsense Collective－〈开店歌〉
https://www.youtube.com/watch?v=jZzzwd_CDQM

每天的休息，是为了後面的追求，明天见。

参考资料：

1. 你懂 JavaScript 吗？#4 型别（Types）
2. 许国政，〈0 陷阱！0 误解！8 天重新认识 JavaScript！〉，博硕文化，p1-20 ~ 31。
3. JavaScript 的资料型别与资料结构 ---MDN