【前端 · 小讴】的博客

JSON 支持哪些类型的值？各种类型相比 JS 分别有哪些不同的语法？如何利用 JSON 序列化进行深拷贝？哪些情况下序列化后对象的属性会被省略？JSON.stringify()的第二个参数为数组或函数时，分别对结果进行了怎样的过滤？JSON.stringify()的第三个参数为数值或字符串时，分别对结果进行了怎样的缩进？写一段代码，使用 toJSON()结合过滤函数对 JSON 进行序列化写一段代码，利用 JSON.parse()的第二个参数（还原函数）进行字符串解析。

错误对象中的哪些属性在全部浏览器中都向用户显示？finally 对 try 或 catch 中的非 return 语句和 return 语句分别有什么影响？请举例说明有哪些常见错误类型及其出现的原因请写一段代码，在 try/catch 块中，确定错误的类型throw 操作符必须有值嘛？需要什么数据类型的值？如何才能既使用该操作符又不影响后续代码执行？写一段代码，通过继承 Error 创建一个自定义的错误类型，创建其实例并用 throw 将其抛出。

关注[前端小讴]，阅读更多原创技术文章异步函数ES8 新增异步函数（async/await），是 ES6 期约模式在 ECMAScript 函数中的应用以同步方式的代码执行异步相关代码 →异步函数ES8 对函数进行了扩展，新增 2 个关键字async和awaitasyncasync关键字用于声明异步函数，可用在函数声明、函数表达式、箭头函数和方法上async function foo() {} // 用在函数声明let bar = async function () {}.

关注[前端小讴]，阅读更多原创技术文章期约期约是对尚不存在结果的一个替身，是一种异步程序执行的机制相关代码 →Promises/A+规范ES6 新增了Promise类型，其成为主导性的异步编程机制，所有现代浏览器都支持期约期约基础Promise类型通过new操作符实例化，需传入执行器（executor）函数作为参数// let p = new Promise() // TypeError: Promise resolver undefined is not a functio.

关注[前端小讴]，阅读更多原创技术文章异步编程ES6 新增了正式的Promise引用类型，支持更优雅地定义和组织异步逻辑接下来的几个版本，使用async和await关键字定义异步函数的机制相关代码 →同步与异步同步行为在内存中顺序执行处理器指令每条指令都在单个线程中按出现顺序执行每条指令执行后，都可以推断出程序的状态，并立即获得存储在系统本地（或寄存器或系统内存）的信息let x = 3 // 操作系统在栈内存上分配一个存储浮点数值的空间x = x + 4 // 针对这.

关注[前端小讴]，阅读更多原创技术文章相关代码 →10.14 闭包闭包是指引用了另一个函数作用域中变量的函数，通常在嵌套函数中实现（如果一个函数访问了它的外部变量，那么它就是一个闭包）闭包中函数的作用域链中，有对外部函数变量的引用为了在全局作用域可以访问到闭包函数，通常在外部函数内返回内部闭包函数因此外部函数被闭包引用的活动对象，并不能在外部函数执行后被销毁，仍保留在内存中若要释放内存，需解除闭包函数对外部函数活动对象的引用function arraySort(key, sor.

关注[前端小讴]，阅读更多原创技术文章相关代码 →10.12 递归递归函数是一个函数通过名称调用自己function factorial(num) { if (num <= 1) { return 1 } else { return num * factorial(num - 1) }}函数逻辑与函数名是藕和的，因此将递归函数赋值给其他变量，并解除原函数名与函数之间的关系后，会报错let anotherFactorial = factorial .

关注[前端小讴]，阅读更多原创技术文章相关代码 →10.9 函数内部ES5 中函数内部有 2 个特殊对象 arguments 和 this，1 个内部属性 callerES6 新增new.target属性10.9.1 argumentsarguments是一个类数组对象，包含调用函数时传入的所有参数只有以funciton关键字定义函数时才会有arguments对象（箭头函数没有）对象有一个callee属性，指向arguments所在函数的指针（注意：是指针即函数名，而非函数）严.

关注[前端小讴]，阅读更多原创技术文章函数是对象，每个函数都是 Function 类型的实例，都与其他引用类型一样具有属性和方法函数名是指向函数对象的指针，不会与某个函数绑定（一个函数可能会有多个名字）相关代码 →4 种定义方式// 1.函数声明定义function sum(num1, num2) { return num1 + num2}// 2.函数表达式定义let sum = function (num1, num2) { return num1 + num2}.

关注[前端小讴]，阅读更多原创技术文章代理模式相关代码 →跟踪属性访问通过捕获get、set、has等操作，可以监控对象何时何处被访问过const user = { name: 'Jake',}const proxy = new Proxy(user, { get(target, property, receiver) { console.log(`Getting ${property}`) return Reflect.get(...arguments) .

关注[前端小讴]，阅读更多原创技术文章代理捕获器与反射方法代理可以捕获13 种不同的基本操作，代理对象上执行的任一种操作只会有一种捕获处理程序被调用，不存在重复捕获现象只要在代理上操作，所有捕获器都会拦截对应的反射 API 操作相关代码 →get()在获取属性值的操作中被调用，对应的反射 API 方法为Reflect.get(target, property, receiver)返回值无限制拦截的操作proxy.propertyproxy[property]Obj.

关注[前端小讴]，阅读更多原创技术文章代理基础ES6 为的代理和反射为开发者提供拦截并向基本操作嵌入额外行为的能力代理是目标对象的抽象，其可以用作目标对象的替身，但完全独立于目标对象目标对象既可直接被操作，也可通过代理来操作，直接操作会绕过代理施予的行为相关代码 →创建空代理使用Proxy构造函数创建代理，接收目标对象和处理程序对象两个参数（缺一不可）空代理是最简单的代理，可用空对象作为处理程序对象，空代理对象仅作为一个抽象的目标对象const target = { // .

关注[前端小讴]，阅读更多原创技术文章类ES6 新引入class关键字具有正式定义类的能力，其背后使用的仍然是原型和构造函数的概念相关代码 →类定义与函数类型类似，定义类也有 2 种主要方式：类声明和类表达式，2 种方式都是用class关键字加大括号class Person {} // 类声明var animal = class {} // 类表达式类表达式在被求值前不能引用（同函数表达式），类定义不能声明提升（与函数表达式不同）console.log(FunctionD.

关注[前端小讴]，阅读更多原创技术文章继承面向对象语言支持 2 种继承方式：接口继承和实现继承JS 函数没有签名（不必提前声明变量的类型），只支持实现继承，依靠原型链相关代码 →原型链子类型构造函数的原型，被重写为超类型构造函数的实例function SuperType() { this.property = true}SuperType.prototype.getSuperValue = function () { return this.property}fun.

关注[前端小讴]，阅读更多原创技术文章创建对象创建单个对象：Object 构造函数 和 对象字面量缺点：使用一个接口创建很多对象，产生大量重复代码相关代码 →工厂模式抽象创建特定对象的过程，按照特定接口创建对象function createPerson(name, age, job) { var o = new Object() o.name = name o.age = age o.job = job o.sayName = function () { .

关注[前端小讴]，阅读更多原创技术文章理解对象ECMAScript 定义对象：无序属性的集合（一组没有特定顺序的值），其属性可以包含基本值、对象、函数，整个对象可以想象成一个散列表相关代码 →创建自定义对象的 2 种方法：Object 构造函数和对象字面量：用构造函数创建一个 Object 实例，然后为它添加属性和方法var person = new Object()person.name = 'Nicholas'person.age = 29person.job = 'S.

关注[前端小讴]，阅读更多原创技术文章生成器ES6 新增的结构，可以在一个函数块内暂停和恢复代码执行，可以自定义迭代器和实现协程相关代码 →生成器基础生成器的形式是一个函数，函数名称前加一个星号*可以定义函数的地方，都可以定义生成器（箭头函数除外）function* generatorFn() {} // 生成器函数声明let gfn = function* () {} // 生成器函数表达式let foo = { *generatorFn() {}, // 生成器函数作为.

关注[前端小讴]，阅读更多原创技术文章迭代器模式ES6 新增了 2 个高级特性：迭代器和生成器迭代方法优/缺点for① 需知道如何使用数据结构 ② 遍历顺序不是固有的forEach()① 无法标识迭代终止 ② 只适用数组 ③ 回调结构较笨拙Iterator接口无需了解可迭代对象的结构，只需知道如何取得连续的值相关代码 →可迭代协议实现 Iterable 接口要求同时具备：① 支持迭代的自我识别 ② 创建实现 Iterator 接口的对象必须暴.

关注[前端小讴]，阅读更多原创技术文章WeakMapWeakMap 是 ECMAScript6 的新增特性，是一种新的集合类型，是 Map 的“兄弟”类型，也是 Map 的子集“weak” 描述的是 JS 垃圾回收程序对待“弱映射”中键的方式相关代码 →基本 API使用new 关键字和WeakMap 构造函数可以创建一个空的弱映射const wm = new WeakMap()console.log(wm) // WeakMap {}若映射的键只能是Object或者.

关注[前端小讴]，阅读更多原创技术文章MapMap 是 ECMAScript6 的新增特性，是一种新的集合类型，其大多数特性都可以通过 Object 类型实现相关代码 →基本 API使用new 关键字和Map 构造函数可以创建一个空映射const m = new Map()console.log(m) // Map(0) {}可以给 Map 构造函数传入一个可迭代对象，需要包含键/值对数组// 嵌套数组初始化映射const m1 = new Map([ ['key1.

关注[前端小讴]，阅读更多原创技术文章ArrayECMAScript 的数组是一组有序的数据（和其他语言相同），每个槽位可以存储任意类型的数据（和其他语言不同）ECMAScript 的数组是动态大小的，随着数据添加而自动增长相关代码 →创建数组使用 Array 构造函数let colors = new Array()console.log(colors) // []给构造函数传入一个参数：若参数是数值，则 length 属性会被自动创建并设置为这个值；若参数不是数值，则创建.

关注[前端小讴]，阅读更多原创技术文章原始值与引用值JS 变量是松散类型的：① 不必规定变量的数据类型 ② 变量的值和数据类型可随时改变JS 变量可以包含 2 种类型的数据：原始值和引用值原始值是简单数据（6 种原始值：Undefined、Null、Boolean、Number、String、Symbol)，按值访问，操作实际值引用值是保存在内存中的对象，按引用访问，操作对该对象的引用（而非对象本身）相关代码 →动态属性对于引用值，可以随时添加、修改、删除其属性和方法le.

关注[前端小讴]，阅读更多原创技术文章变量ECMAScript 变量是松散类型的：变量可以保存任何类型的数据3 个声明变量的关键字：var、const、let相关代码 →var 关键字不初始化时，变量保存 undefinedvar messageconsole.log(message) // undefined初始化变量只是设置变量的值，可以改变保存的值，也可以改变值的类型var message = 'hi'message = 100 // 合法，但不推荐conso.

欢迎关注[前端小讴的github]，阅读更多原创技术文章创建对象创建单个对象：Object 构造函数 和 对象字面量缺点：使用一个接口创建很多对象，产生大量重复代码相关代码 →工厂模式抽象了创建具体对象的过程用函数来封装以特定接口创建对象的细节function createPerson(name, age, job) { var o = new Object() o.name = name o.age = age o.job = job o.sayName =.

欢迎关注[前端小讴的github]，阅读更多原创技术文章理解对象面向对象的语言标志：类的概念ECMAScript 中没有类的概念ECMAScript 定义对象：无序属性的集合（一组没有特定顺序的值），其属性可以包含基本值、对象、函数，整个对象可以想象成一个散列表相关代码 →创建一个 Object 实例，然后为它添加属性和方法var person = new Object()person.name = 'Nicholas'person.age = 29person.job = .

欢迎关注[前端小讴的github]，阅读更多原创技术文章单体内置对象相关代码 →由 ECMAScript 实现提供的，不依赖于宿主环境的对象，在 ECMAScript 程序执行之前就已经存在Global 和 MathGlobal 对象不属于任何其他对象的属性和方法，最终都是 Global 的属性和方法isNan()，isFinite()，parseInt()，parseFloat()URI 编码方法返回值encodeURI()URI 编码，冒号、正斜杠、问号.

欢迎关注[前端小讴的github]，阅读更多原创技术文章基本包装类型相关代码 →3 个特殊的引用类型 Boolean、Number、String每读取一个基本类型值，后台就创建一个对应的基本包装类型的对象var s1 = 'some text'var s2 = s1.substring(2) // 基本类型不是对象，本不应该有方法// 因为后台自动完成了下列处理：var s1 = new String('some text') // 1.创建String类型的实例var s2 =.

欢迎关注[前端小讴的github]，阅读更多原创技术文章Function 类型函数是对象，每个函数都是 Function 类型的实例，都与其他引用类型一样具有属性和方法函数名是指向函数对象的指针，不会与某个函数绑定（一个函数可能会有多个名字）相关代码 →3 种声明方式// 1.函数声明定义function sum(num1, num2) { return num1 + num2}// 2.函数表达式定义var sum = function (num1, num2) { .