《JavaScript 学习指南》— 原型链 很久之前从《JavaScript 学习指南》上学习了原型链的知识，关键是理解和记住那个原型链的图，现在有些忘记了，复习一下！原型链图示我是倒着去理解原型链的，先根据原型链现有的状态（规则），逐步深入去刨析它们之间的关系。现有的状态是什么呢？从 《JavaScript 高级程序设计 v4》这本书上摘下来一句：{callout color="#3398e6"}每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个内部指针指向原型{/callout}拿下面这个图来看，Foo、Object、Function 是构造函数， 每个构造函数都有一个原型对象 （prototype），在图中用紫色文字箭头指示； 原型有一个属性指回构造函数 （constructor），在图中用绿色文字箭头指示； 实例有一个内部指针指向原型 （__proto__），在图中用褐色文字箭头指示。 显然，要搞清楚原型链，必须要了解 (__proto__)，prototype，constructor。关于__proto__{message type="info" content="每个对象都有一个 (__proto__) 属性指向构造函数的 prototype"/}从对象开始，对象可不止是这样的：let obj = {};在 JavaScript 中，除了基本数据类型外，其他的一切都是对象。通过 function 关键字定义的函数、通过 let、const 声明的用花括号包裹的变量、通过 class 关键字定义的类，都可看作是对象。既然是对象（实例），它就会遵循原型链规则，内部有一个 (__proto__) 属性指向构造函数的原型。可以在上图中得到验证：图中共有 8 个 （__proto__），对应着 (f1 f2)、(o1 o2)、Foo、Object、Function 以及 3 个不同的 prototype。关于 prototype（原型）{message type="info" content="只有函数才有且必然有 prototype"/}函数和对象是什么关系呢？函数就是对象，函数是对象的一个子集。因此，函数不仅有 prototype，还有 (__proto__)，前者是其作为函数的特征，后者是其作为对象的特征。在上图中，三个函数 Foo、Object、Fucntion 都有 prototype，非函数类型的对象没有 prototype。函数能够通过 new 来构造自己的实例，就是把自己的 prototype 的引用交给了实例，使得实例能够通过__proto__属性来访问自己的原型。关于 constructor它存在于 prototype 中，是对构造函数的引用。构造函数能够通过 prototype 属性找到自己的原型，原型可以通过自己的 constructor 属性找到构造函数，这是一个双向的过程。通过构造函数创建了实例，那么实例便可通过__proto__找到构造函数。

《JavaScript 高级程序设计 v4》— 模块 CommonJS 规范NodeJS 模块系统使用了有轻微修改的 CommonJS 规范，浏览器不支持 CommonJS。CommonJS 规范使用 require() 指定依赖，使用 exports 对象 定义自己的 API。let fs = require("os"); module.exports = { platformInfo: fs.platform() }require()NodeJS require() 文档require() 可以导入 node_modules 目录中的文件， 可以导入 json 文件 ，可以导入自定义的 js 文件，可以导入内置核心模块：require("os"); require("./api.js") // 可以不带后缀名 require("axios"); require("./config.json");require 要不要赋值给变量？require() 一个模块时，会 执行 里面的内容。所以要不要将 require() 赋值给变量，关键就是看 require() 有没有返回值，如果有返回值就把它赋值给变量，后面用得到。但是如果是一次性加载这个模块，不管它有没有返回值，以后不用了，那么也没有必要把它赋值给变量。多次 require 相同模块会怎样？require() 只会加载模块一次，然后把它放进缓存中，再遇到相同的模块不会加载了。比如在一个文件 A 里写了循环 10 次输出 hello world，在另外一个文件 B 里 require(A) 写了 100 次，最终仍是输出 hello world 10 次。上面提到的缓存实际上是 require.cache，这是一个保存着已经加载的模块的对象，如果把这个对象中关于某个已加载模块 C 的键值对删除，下次遇到 require(C) 时仍会加载。IIFE (immediately invoked function expression)IIFE 可以实现模块的类似功能，既隐藏了内部实现细节，又可以返回供其他模块调用的 API。let moduleA = (function(){ return something; })();

《JavaScript 高级程序设计 v4》— 继承 今天写！

《ES6标准入门》—【字符串、数值扩展】 字符的 unicode 表示法：我觉得这个东西用的不多，因此用折叠面板把它包裹起来，用到的时候再来打开查看：{collapse}{collapse-item label="详细内容"} 在 JS 中，可以用 \uxxxx 的形式表示字符，有些字符是可见的打印字符，有些字符是不可见的控制字符。JS 的局限性在于，只能表示 \u0000-\uFFFF 之间的字符，超出此范围的要用两个双字节的形式 (UTF-16) 呈现："\uD842\uDFB7" // '𠮷' "\u20BB7" // '₻7'ES6 的改进是，可以用花括号包裹起来的形式表达："\u{20BB7}" // '𠮷'一些示例：'\z' === 'z' '\172' === 'z' '\x7A' === 'z' '\u007A' === 'z' '\u{7A}' === 'z'{/collapse-item}{/collapse}字符串新增方法{message type="info" content="emmm, 关于字符处理的那些方法没写，平时也没见过用过，比如 String.raw()，String.codePointAt() 之类的"/}{card-list}{card-list-item} includes ( str ) 主串是否包含字串{/card-list-item}{card-list-item} startsWith ( str ) 主串是否以字串开头{/card-list-item}{card-list-item} endsWith ( str ) 主串是否以字串结尾{/card-list-item}{/card-list}此外，这三个方法可支持第二个参数，用以设置搜索的 起始位置 {card-list}{card-list-item} repeat ( n )返回一个新字符串，将原串重复 n 次{/card-list-item}{card-list-item} padStart ( length, str ) 返回一个新字符串，用 str 补全原串直到长度为 length，从前往后补{/card-list-item}{card-list-item} padEnd ( length, str ) 返回一个新字符串，用 str 补全原串直到长度为 length，从后往前补{/card-list-item}{/card-list}模板字符串有了模板字符串，不再需要 + 号来连接字符串和变量，而是将变量放在 ${} 中。这个特性已经非常熟悉了，示例如下：let str = "old"; let str_1 = `how ${str} are you`; console.log(str_1); // how old are you对于 ${} 这个神奇的语法，花括号内还可以填入表达式，写点简单的 html 的东西简直不要太爽：$('#result').append( `There are <b>$(basket.count)</b> items in your basket, <em>$(basket.onSale)</em> are on sale!`)此外，模板字符串可以嵌套模板字符串，还有一个叫做标签模板的功能。下面的代码就是标签模板的示例，我来仔细阐述一下含义：首先它的语法格式是：functionName``，前面是已经定义好的函数的名字，然后紧跟两个重音符，它实际上是相对于 functionName(params) 的变体。那么这个参数怎么传呢？打印 arguments 的结果如下：{alert type="info"}0: (3) ['The total is ', ' (', ' with tax', raw: Array(3)]1: 302: 31.5{/alert}第一个参数是用 ${} 分割成的字符串数组，这些字符串都是静态的不变的第二个及后面的诸多参数，都是 ${} 括号内的变量let total = 30; let msg = passthru`The total is ${total} (${total*1.05} with tax`; function passthru(literals) { console.log(arguments); let result = ''; let i = 0; while (i < literals.length) { result += literals[i++]; if (i < literals.length) { result += arguments[i] } } return result; } msg // "The total is 30 (31.5 with tax)"弄懂了这些，上面的代码就不难理解了，每次从静态字符串数组和动态变量组 (arguments 是类似数组，却不是数组，只不过具有 iterable 接口而已) 各取一个然后拼接在一起，最后把结果返回。{dotted startColor="#e44e4e" endColor="#3ea2e0"/}数值的扩展{card-list}{card-list-item} Number.isFinite() 检查一个数值是否是有限的 返回 true：NaN，Infinity，'10'，true，-Infinity，'foo' 返回 false：100，1.5{/card-list-item}{card-list-item} Number.isNaN() 检查一个值是否是 NaN 返回 true：NaN，0/0，'true'/0，'abc'/'ccc' 返回 false：10，'15'，true，{/card-list-item}{/card-list}{callout color="#4d43d6"}必须说明 ：上面两个方法先判断类型是不是数值，如果不是返回 false，然后再判断是不是 NaN，这也是 Number 下这两个方法和 window 下的两个方法的区别。{/callout}{card-list}{card-list-item} Number.parseInt() 将输入值转换为整数{/card-list-item}{card-list-item} Number.parseFloat() 将输入值转换为浮点数{/card-list-item}{/card-list}{callout color="#df5d7e"} 必须说明： 上面两个方法和全局 window 下的两个方法完全一致，window.parseInt === Number.parseInt 的值是 true{/callout}{card-list}{card-list-item} Number.isInteger() 判断一个值是否是整数，输入类型必须是 Number，否则返回 false 返回 true：25，25.0， 返回 false：25.1，'15'，true{/card-list-item}{card-list-item} Number.EPSILON 这是一个极小值，因为浮点运算是有误差的，如 0.1 + 0.2 !== 0.3。因此，如果运算结果和预期结果的差值小于此极小值，那么认为运算是合理的。{/card-list-item}{card-list-item} Number.isSafeInteger() JS 能够表示的整数范围的绝对值 < 2^53，超过范围就无法精确求值了，如：Math.pow(2, 53) === Math.pow(2, 53) + 1 返回的是 true。ES6 引入 Number.MAX_SAFE_INTEGER 和 Number.MIN_SAFE_INTEGER 来表示上下限，同时使用 Number.isSafeInteger() 来判断是否是在有效值区间内。{/card-list-item}{/card-list}

《JavaScript重难点实例精讲》— ES7 + 马上写