原理vue-router通过hash与History interface两种方式实现前端路由，更新视图但不重新请求页面”是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有两种方式 hash 利用url里边的# history interface 在HTML5中新增的方法 默认是 hash ,浏览器如果不支持就是history interface 源码// 根据mode确定history实际的类并实例化 switch (mode) { case 'history': this.history = new HTML5History(this, options.base) break case 'hash': this.history = new HashHistory(this, options.base, this.fallback) break case 'abstract': this.history = new AbstractHistory(this, opt

4.4.4 块与语句的值严格来说，所有语句在执行之后都会有“结果”，但是只有语句被正确执行并且返回一个“有效的值(value)”时，这个Value才能被其他计算过程使用。 4.4.4.1 语句的执行状态JS中的代码出错都是以“某某语句出错”的形式展现出来的，因为，事实上，所谓“异常”就是一个在语句层面捕捕获处理的语义对象 包括throw在内，所有简单语句中的所有四个子句都有自己的执行状态 继续：语句处于循环中并被continue子句指示返回指定位置继续； 中断：语句处于switch或者循环中，并被break子句指示终止； 返回：语句从函数中返回并带有某个Value（包括默认返回的undefined） 除此之外，所有语句都使用称为normal状态的结果（Result）来返回自己的值 4.4.4.2 语句无值确实有一些语句是无值的，其中包括所有的声明语句、debugger语句、导入导出语句，以及空语句和空快语句 当eval作用于结果无知的语句时，它将返回undefined，但是，并不能反过来判断此语句是否为无值，一个准确且有效的判断方法是利用下边这项特性 在一个语句块的返回值中，无值

labuladong的算法小抄今天打算开始猛补算法，这个文档写的超级棒！冲冲冲！ 戳我https://labuladong.gitbook.io/algo/ 👈

Chrome调试技巧今早偶然发现了一个很不错的说明文档，在这里记一下，我发现这个HEXO没有记小东西的地方欸~ 戳我https://www.frontendwingman.com/ 👈

JavaScript语言的结构化程序是可被组织的元素。 然而如果程序是可被组织的，那么“结构化”其实就只是组织的手法之一，这意味着后者——结构化——只是“程序是什么”的一个解，而绝非唯一解 4.1 概述对计算过程的认识不同产生了不同的计算模型，基于这些计算模型进行的分类，是计算机语言的主要分类方式之一。这种分类法中，一般将语言分为四大类：命令式语言、函数式语言、逻辑式语言、面向对象程序设计语言。如果从程序本质的角度来看分为两类：命令式语言和说明式语言 结构化是命令式语言的主要实现手段 命令式语言的核心就在于“通过运算去改变内存（中的数据）” 面向对象语言式结构化编程的延申 进一步抽象：接口 4.2 基本的组织元素4.2.1 标识符总是可以将源代码文本视为由空白字符等隔开的词法记号（tokens）序列。 在Tokens中。由语言预设的标点符号和部分用作保留字的标识符名是确定了书写格式的，例如：++、if和function等，此外都可以由用户代码来定义书写，包括标识符、字面量和模板 尽管书写的语法不同，但总的来说，这三种代码定义的Tokens都是一系列字符的有序书写，只是： 标识符只表明

3.6 运行期侵入和元编程系统到现在为止，我们将JS中有关面向对象编程的一切都放在原型继承的体系下来讨论，这一体系的基本特点是：属性就是一切，继承的本质就是对自有属性表的管理 但接下来不同，JS提供了多种混乱且杂糅的技术，允许开发人员在运行期侵入对象，具备了影响几乎所有对象相关运算符和语句的能力。这些手段渐渐称为了一个全新的技术内核，从而使元编程在JS语言中若隐若现 3.6.1 关于运行期侵入早起的JS并没有提供运行期侵入的语法特性，有一些看起来类似的特性，也渐渐被识别出来并归类到动态语言特性中去了，例如valueOf()和toString()带来的动态类型特性，最早真正用于运行期侵入的是一个一直一来都未被规范的语法元素：对象的__proto__属性，它可以让开发人员直接操作（包括重写）对象的原型，进而影响instanceof运算符。 __proto__属性反映了我们了解和影响JS内部运行逻辑的迫切需求，有些语言机制在不引入“内部属性”这一个概念的时候是很难讲清楚的，这些内部属性通常记作[[internalPropertyName]]。我们在前面的叙述中用到过三种内部属性，包括： [

3.4.3 构造对象系统的方法JS的原型继承并不是唯一构造系统的方法，由语言提供的、原生支持的方法还包括类抄写、类继承、以及直接创建对象等，其他可以在ECMAScript语言基础上拓展的方法包括元继承、元类继承等 3.4.3.1 类抄写子类的构造逻辑：先向父类传入this引用以抄写父类方法，再向子类传入this引用抄写子类方法，后者覆盖前者的同名成员。整个构造过程都是在不断的从“类构造器”向this引用抄写成员，所以被称为类抄写 这种方法也有好处。由于这种方法是通过不断修改实例（this）的成员来得到对象的，因此所有的属性都在实例（this）的自有属性表中，进一步的推论是访问任何成员都不必回溯原型链，因而效率更高 类抄写的第二个问题是系统并不维护原型继承链。因此在类抄写构建的系统中，不能用instanceof来检测继承关系 3.4.3.2 原型继承存在缺陷； 在维护构造器引用和外部原型链之间无法平衡 没有提供调用父类方法的机制 还是一个典型的时间换空间的方案：继承层次中临近的成员访问更快，而试图访问一个不存在的成员耗时最久 3.4.3.3 类继承类继承是对原型继承的增强，也是一种再

3.2.1.2 构造复制？写时复制？还是读遍历？假设每构造一个实例，都从原型中复制出一个实例来，新的实例占用了和原型相同的内存空间，这确实可以使obj1 obj2等与它们的原型“完全一致”，但是也非常的不经济——因为内存的占用会急剧增加 另一个策略来自一种欺骗系统的技术：写时复制。这种欺骗的典型示例就是操作系统中的动态链接库(DDL)，它的内存中总是写时复制的，这种机制先指明obj1和obj2与原型的引用关系，系统将这种关系理解为“两个对象都等同于它们的原型”，读的时候直接去读原型，接下来，写对象的属性的时候，我们就复制出原型的映像出来，并使以后的操作指向该映像就行了，优点是：之后第一次写的时候会用一些代码来分配内存，之后就不会有这些开销了，因为访问映像和访问原型的效率是一样的，但是对于经常读写的系统中，这种方法并不比上一种更经济 JS采用第三种方法：把写复制的粒度从整个原型变成了成员。这种方法是：仅当写某个实例的成员时，才将成员的信息复制到实例映像中。这样一来，在读取该对象的时候，仍然和上一种一样，但是在写的时候，实例会产生一个写的属性值，放在实例的成员列表中，所以现在对象仍然是一个

3.1.3 对象成员JS中的对象是属性包，属性即所谓的对象成员，当我们分别讨论对象实例和类时，属性和类成员是两个概念，由于类本身也是函数类型的对象，所以当我们统一用”对象“这个概念来讲述的时候，其成员仍被称为属性 对象成员有三种性质，称为”可读写“、”可枚举“和”可重置” 对象成员可以是自有的也可以是继承的，所谓继承的就是指对象的父类或者祖先类原型上具有该成员，子类对象可以用相同的名字重新声明该成员，称为“覆盖”或者“重写” 3.1.3.1 成员的列举以及可列举性对象成员是否可列举被称为成员的可列举性，当某个成员不存在或者不可列举时，对该对象成员调用propertyIsEnumerable()方法将返回false，比较常见的情况是，JS对象的某些特定成员是被设置为隐藏的，因此不能枚举，例如： var obj = new Object() // 不存在a所以返回false console.log(obj.propertyIsEnumerable(a)) // false // 数组的length也是隐藏的 console.log([].propertyIsEnumerable(len

2.7 运算符的二义性存在二义性的语法元素 运算符 含义 其他含义 + 增值运算符正值运算符链接运算符 数值字面量声明(正值、负值或指数形式) ( ) 函数调用运算符分组运算符 new运算符的形式参数表(某些语句中的语法符号)(分组运算符常用作强制优先级) ?: 条件运算符 :号有声明标签的含义:号有声明switch分支的含义:号有声明对象成员的含义 , 连续运算符 参数分隔符对象、数组声明分隔符 [] 解构赋值数组下标对象成员存取 数组字面量声明 * 幂运算符乘法运算符yield委托 生成器函数声明 { } 解构赋值 复合语句函数的代码体字面量风格的对象声明 ; 空语句语句分隔符类声明分隔符(分号可以被回车和文末符代替) in 属性检查 循环语句的语法元素 async 箭头函数声明有语法歧义 2.7.1 加号”+”的二义性加号可以表示字符串链接、数字取正值的一元运算、数值表达式的求和运算，字符串和数字求和容易出现二义性 如果表达式中存在字符串则优先按字符串链接进行运算 当加号执行的是值运算的时候，当对象x参与运算时，将调用x.v