day04 JavaScript高级程序设计 阅读总结

《JavaScript高级程序设计》(第四版)阅读总结

额,据说这本是前端er必看书籍,花了20个小时简单把这本书过了一下,目前暂时很少用到的东西我这一遍就没有过了,等以后要用的时候再回来继续学了。

先来谈谈这本书的缺点,书籍前面章节用到了一些后面才讲到的东西,比如第三章讲symbol对象时,就用到了后面才讲的iterator和generator。然后就是感觉讲的有点太广了,而且基本没有课后习题,看过就是看过了,顶多自己花时间把书里面的例子都敲一遍。所以我建议应该和现代JavaScript教程一起食用。

反过来,全也是它的优点,当做工具书看看也不错,梳理书中的内容,查漏补缺,构建自己的知识体系。

1. 什么是JavaScript

1.1 简短的历史回顾

JavaScript包括以下几个部分:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

1.2.1 ECMAScript

ECMAScript,即ECMA-262定义的语言,并不局限于Web浏览器。

1.2.2 DOM

文档对象模型(DOM, Document Object Model)是一个应用编程接口(API),用于在HTML中使用扩展的XML。

1.2.3 BOM

IE3和Netscape Navigator 3提供了浏览器对象模型(BOM)API,用于支持访问和操作浏览器的窗口。使用BOM,开发者可以操控浏览器显示页面之外的部分。而BOM真正独一无二的地方,当然也是问题最多的地方,就是它是唯一一个没有相关标准的JavaScript实现。HTML5改变了这个局面,这个版本的HTML以正式规范的形式涵盖了尽可能多的BOM特性。由于HTML5的出现,之前很多与BOM有关的问题都迎刃而解了。

2. HTML中的JavaScript

这章没有啥值得做笔记的,就略过了。

3. 语言基础

ECMA-262第5版(ES5)定义的ECMAScript,是目前为止实现得最为广泛(即受浏览器支持最好)的一个版本。第6版(ES6)在浏览器中的实现(即受支持)程度次之。到2017年底,大多数主流浏览器几乎或全部实现了这一版的规范。为此,本章接下来的内容主要基于ECMAScript第6版。

3.3 变量

3.3.4 声明风格及最佳实践

ECMAScript 6增加let和const从客观上为这门语言更精确地声明作用域和语义提供了更好的支持。行为怪异的var所造成的各种问题,已经让JavaScript社区为之苦恼了很多年。随着这两个新关键字的出现,新的有助于提升代码质量的最佳实践也逐渐显现。

  1. 不使用var有了let和const,大多数开发者会发现自己不再需要var了。限制自己只使用let和const有助于提升代码质量,因为变量有了明确的作用域、声明位置,以及不变的值。
  2. const优先,let次之使用const声明可以让浏览器运行时强制保持变量不变,也可以让静态代码分析工具提前发现不合法的赋值操作。因此,很多开发者认为应该优先使用const来声明变量,只在提前知道未来会有修改时,再使用let。这样可以让开发者更有信心地推断某些变量的值永远不会变,同时也能迅速发现因意外赋值导致的非预期行为。

3.4 数据类型

注意 即使未初始化的变量会被自动赋予undefined值,但我们仍然建议在声明变量的同时进行初始化。这样,当typeof返回"undefined"时,你就会知道那是因为给定的变量尚未声明,而不是声明了但未初始化。

Symbol类型看个大概就可以,然后直接跳,等后面学完有一定基础再回来看。

3.5 操作符

3.5.2 位操作符(重点理解)

4. 变量、作用域与内存

4.3 垃圾回收

4.3.1 标记清理

4.3.2 引用计数

第5章 基本引用类型

5.2 RegExp

5.2.1 RegExp实例属性

❑ global:布尔值,表示是否设置了g标记。

❑ ignoreCase:布尔值,表示是否设置了i标记。

❑ unicode:布尔值,表示是否设置了u标记。

❑ sticky:布尔值,表示是否设置了y标记。

❑ lastIndex:整数,表示在源字符串中下一次搜索的开始位置,始终从0开始。

❑ multiline:布尔值,表示是否设置了m标记。

❑ dotAll:布尔值,表示是否设置了s标记。

❑ source:正则表达式的字面量字符串(不是传给构造函数的模式字符串),没有开头和结尾的斜杠。

❑ flags:正则表达式的标记字符串。始终以字面量而非传入构造函数的字符串模式形式返回(没有前后斜杠)。

第6章 集合引用类型

6.2.5 迭代器方法

在ES6中,Array的原型上暴露了3个用于检索数组内容的方法:keys()、values()和entries()。keys()返回数组索引的迭代器,values()返回数组元素的迭代器,而entries()返回索引/值对的迭代器:

6.3 定型数组(未学)

定型数组在学习过程中暂时没有见过,感觉有点难懂,等以后需要再回来重新学习。

6.4 Map(映射)

6.4.3 选择Object还是Map

涉及大量增删改查使用Map

6.6 Set(集合)

第7章 迭代器与生成器

第8章 对象、类与面向对象编程

第9章 代理与反射

感觉有点难,以后有需要再回来学习。

const proxy = new Proxy(target, handler)

第10章 函数

10.1 箭头函数

10.3 理解参数

ECMAScript函数的参数只是为了方便才写出来的,并不是必须写出来的。

10.4 没有重载

后定义的函数会覆盖之前定义的函数。

把函数名当成指针也有助于理解为什么ECMAScript没有函数重载。

10.5 默认参数值

10.7 函数声明与函数表达式

因为函数声明会在任何代码执行之前先被读取并添加到执行上下文。这个过程叫作函数声明提升(function declaration hoisting)。在执行代码时,JavaScript引擎会先执行一遍扫描,把发现的函数声明提升到源代码树的顶部。因此即使函数定义出现在调用它们的代码之后,引擎也会把函数声明提升到顶部。如果把前面代码中的函数声明改为等价的函数表达式,那么执行的时候就会出错:

10.9 函数内部

看到这里我是真的想骂人了,前面iterator和generator没讲的时候Symbol就一直用,现在arguments直到第十章才讲,前面也一直用,就不懂搞个引导说后面哪里讲了吗?阅读体验真的差。

10.11 函数表达式

任何时候,只要函数被当作值来使用,它就是一个函数表达式。

第11章 期约与异步函数

第一遍跳,看不懂,实在是太菜了啊!!!

第12章 BOM

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值