“小黄书”是JSer们对《你不知道的JavaScript》(You Don't Know JS)系列的爱称,就像用“红宝书”称呼《JavaScript高级程序设计 》一样,所以切不可对“小黄书”望文生义,这是一系列很正经的Javascript教科书📗 。
图灵出版的这本《你不知道的JavaScript(中) 》实际上是 You Don't Know JS 系列 第4部 Types & Grammar 与 第5部 Async & Performance 的合集,它们在亚马逊上的评价都不错 ——
恰逢参加了图灵组织的打卡读书活动,把《你不知道的JavaScript(中)》读了一遍,领略了一下JS那些可能不为人知的一面。下面是读书过程中的部分笔记与思考:
类型
JS中的变量是没有类型的,只有值才有(TypeScript就不一样了,写惯了变量有类型的语言,还真有点不适应)。null表示“没有对象”。undefined表示“缺少值”,而“undefined”和“is not defined”是两码事(这就是提示带来的坑了😒)。 undefined 和 undeclared 容易被混为一谈,在 JavaScript 中它们是两码事。undefined 是值的一种。undeclared 则表示变量还没有被声明过。遗憾的是,JavaScript 却将它们混为一谈,在我们试图访问 "undeclared" 变量时这样报错:ReferenceError: a is not defined,并且 typeof 对 undefined 和 undeclared 变量都返回 "undefined"。
像上面那些东西,可能不少写过很长时间的JSer也不清楚,我的感觉,在类型和语法这一部分里,基本上都是在揭示Javascript的各种坑(或者称之为瑕疵),比如:变量不用声明就能用,如果某个变量你在某个地方用的时候多敲了一下或者少敲了一下,那这个新敲出来的东西就是一个新的变量,然后嘛,那结果一般就不像预期一样对了哦,而要找出这个被变化了名字的变量,可能就不是一件容易的事情了。
对于写惯了强类型语言的人来说,避免上述错误的最好方式就是在编译期做类型检查,这是强类型语言的编译器自然而然带来的,所以我们在使用强类型语言的时候是不会遇到莫名出现某个“未声明”变量的事情。
有没有办法让JS的变量看上去“像”是有类型的呢?答案当然是选择TypeScript啦!有了TypeScript提供的编译期类型检查,我们再也不用担心变量写错名字、也不会给指定的类型赋上错误的值等等……。当然由于要多敲不少类型信息,所以部分JSer 会觉得有点繁琐乃至质疑(这样的事情在JSer的微信群里是挺常见的,包括我自己刚看到TypeScript的语法时也产生过不适应导致的抵触情绪)。不过从静态语言转而进行 JS 开发的程序员一定会对TypeScript感觉到非常亲切。总体而言,程序员们面对TypeScript的心理,主要还是一个先入为主的习惯问题。
使用TypeScript带来的另一个好处就是代码智能提示,当我们使用诸如Visual Studio Code这样的编辑器时,VSC自带的TypeScript 插件可以识别出每一个对象的类型,及其有哪些属性和方法,而调用这些方法时,也能智能匹配出相应的函数,这可以让我们的开发效率获得大大的提升。
总而言之,对于很多不知道的JS类型㊙️密,都可以用TypeScript来解决,这是我读此书类型部分之时产生的强烈感觉,写代码最终的目的是为了生成出有价值的东西,而不是为了炫技,尤其是这门语言并不是由你创造的时候😄
Promise
实际上当我最早接触到Promise、resolve、reject这些词的时候我是相当困惑😖 的,我相信很多JSer都曾经产生过类似的困惑的,主要是很多资料都将不明白这几个概念,多数就是丢给你一堆代码让你自己去运行体会。
小黄书的Promise在一开头就举了个买汉堡🍔 的例子,我觉得写得很生动,心想当初我要是能早看到这个举例,那Promise学起来应该会轻松很多。当然,为了用我自己理解的语言来描述,我对这个故事进行了重构——
设想一下这样一个场景:我到某个旅行网站,要买一张机票✈️ 。通过网站下单并付款1000块💰,我已经发出了一个对某个值(就是这张机票🎫 )的请求。我已经启动了一次交易。
按照目前的机票销售流程,我不能马上就得到这张机票。旅行网站会交给我一个带有订单号的电子收据。订单号就是一个 IOU(I owe you,我欠你的)承诺(promise),保证了最终我会得到一个结果。
这个订单号会保留在旅行平台的APP上,如果最终没有出票的话,肯定得给你一个说法,除非你上了一个钓鱼🎣 网站!
在等待的过程中,我可以规划一下行程,比如住哪个酒店,要去哪些景点游玩,要买什么土特产等等……
当然我也可以考虑一下去机场的具体流程。我的大脑之所以可以这么做,是因为它已经把订单号当作机票的占位符了。从本质上讲,这个占位符使得这个值不再依赖时间。这是一个未来值。
终于,旅行网站的APP给我发来提示:您的机票已经出票成功,请带好身份🆔 证件,提前两个小时抵达机场balabala……
换句话说,一旦我需要的机票出好了,通常情况下可以在机票的那个时间去机场,用身份证🆔 或者是护照取票。也就是,我可以用我的承诺值(value-promise)换取到了这个值(机票)本身(resolve)。
但是,还可能有另一种结果。在少数情况下,航空公司会给我打电话,客服满怀歉意地告诉我:“不好意思,由于特殊原因(比如:目的地发生自然灾害、战争、政变、罢工……),您的航班已经被迫取消了。”除了作为乘客对这种情况感到愤怒之外,我们还可以看到未来值的一个重要特性:它可能成功,也可能失败。
每次买机票,我都知道最终要么可以按计划旅行(resolve),要么得到一个不能成行的坏消息(reject),那我就得找点别的当交通方式或者重新制定旅行计划了。
当然,曾经有一次遇到这种破事的时候,航空公司帮我改签了另一个航班,并免费升级到头等舱,这对我来说只能用幸运来形容了😄
ps. 据说小黄书的中文版下卷在12月就要发售了,期待……