yunbabac的博客

浏览器缓存

浏览器事件循环

浏览器渲染原理

js基础

JSON基本语法JSON.Stringify（）详解JSON.parse()使用JSON序列化深拷贝认识StorageStorage常见的方法和属性封装Storage认识IndexedDB

发生错误当我们代码发生错误，比如自定义函数需要number类型参数，我们给了其他类型，报错，没处理，整个代码就会崩掉错误处理方案方案一：return出去，调用者不知道具体情况，是没执行还是就是undefined方案二：通过throw关键字，抛出一个异常throw关键字error类型异常的处理异常的捕获...

异步函数 async function异步函数的执行流程异步函数与普通函数的区别区别一：返回值普通函数，如果没有定义返回值，默认返回undefined异步函数，返回的是promise对象区别二：异常await关键字进程与线程操作系统的工作方式浏览器中的JavaScript线程...

什么是迭代器？生成迭代器函数什么是可迭代对象原生可迭代对象可迭代对象的应用自定义类创建可迭代对象在前面我们看到Array、Set、String、Map等类创建出来的对象都是可迭代对象我们创建的类创建的对象是不可遍历的（迭代），要添加[Symbol.iterator]方法迭代器的中断在迭代器return方法中，返回done为true什么是生成器？普通函数执行过程生成器函数的执行当遇到yi...

promise的出现，异步任务的处理什么是promise？Promise的代码结构，三种状态promise的Executor详解resolve参数不同值的区别promise的对象方法：thenthen的多次调用同一个Promise可以被多次调用then方法当我们的resolve方法被回调时, 所有的then方法传入的回调函数都会被调用then方法 – 返回值promise的对象方法：catchca...

监听对象的操作Proxy基本使用Proxy所有捕获器in操作符捕获器，delete操作符捕获器Proxy的construct和apply应用于函数Reflect的作用比较 Reflect 和 Object 方法 - JavaScript | MDN (mozilla.org)Reflect的常见方法Reflect的使用Receiver参数的作用没有使用receiver使用receiverReflec...

比较重要知识的会单独写文字，这篇是常用apiES8 Object values:获取一个对象所有的valueES8 Object entries:获取到一个数组，数组中会存放可枚举属性的键值对数组ES8 - String Padding:对其进行前后的填充，来实现某种格式化效果ES8 - Trailing Commas:允许在函数定义和调用时多加一个逗号ES8 - Object Descriptors:获取对象描述符，前面已讲ES10 - flat flatMap:数组降维ES1

set基本使用set的属性与方法WeakSet的使用WeakSet的应用Map的基本使用js中对象不能用对象作为keymap创建Map的属性与方法WeakMap的使用WeakMap的应用vue3响应式原理array的includes指数运算符...

函数的默认参数es5及之前给函数参数赋默认值es6函数的剩余参数箭头函数补充展开语法​​​ES6表示数值的方式

字面量增强数组解构对象解构let const基本使用作用域提升var let const 保存位置我们知道，在全局通过var来声明一个变量，事实上会在window上添加一个属性块级作用域if switch for 的块级作用域块级作用域应用，补充暂时性死区推荐模板字符串标签模板字符串应用：react中styled-compone...

对象常用方法补充原型继承关系由图可得1,Foo是构造函数，有显示原型prototype，指向Foo的原型对象又因为函数也是对象，有Function new出来的，有隐式原型__proto__，指向Function原型对象2，Function是构造函数，有显示原型prototype，指向Function的原型对象又因为函数也是对象，有Function new出来的，有隐式原型__proto__，指向Function原型对象所以：Function.pro...

认识对象原型，隐式原型JavaScript当中每个对象都有一个特殊的内置属性 [[prototype]]，这个特殊的对象可以指向另外一个对象当我们通过引用对象的属性key来获取一个value时，它会触发 [[Get]]的操作；这个操作会首先检查该属性是否有对应的属性，如果有的话就使用它；如果对象中没有改属性，那么会访问对象[[prototype]]内置属性指向的对象上的属性获取方法方式一：通过对象的 __proto__ 属性可以获取到（但是这个是早期浏览器自己添加的，存在一定的兼容性

js支持多种编程范式，包括函数式编程，面向对象编程创建对象早期使用Object类，使用new关键字创建对象。现在使用字面量居多对属性操作控制（属性描述符）在前面我们的属性都是直接定义到对象内部，或添加到对象内部！！这样我们就不能对某些属性做特殊的限制，比如：不能delete，不能被遍历出来当我们想对某个属性做精准的控制时，可以使用属性描述符（Object.defineproperty）Object.defineproperty （初体验）属性描述符分类..

纯函数纯函数的理解一：确定的输入一定会产生确定的输出二：函数在执行过程中不能产生副作用副作用的理解就是在函数内部修改了外部变量，修改了参数，改变外部的储存副作用一般是bug的温床案例纯函数优势柯里化定义结构为什么需要柯里化实现自动柯里化函数组合函数实现with语句可以形成作用域不建议使用eval函数全局函数，可以将传入的字符串转为js代码执行你可能会在webpack里见...

由于call,apply,bind都是c++写的，本文用js模拟以下，可以实现基本功能，不过度考虑边界情况callapplybind

this的作用在js中没有this也是有其他解决方案的，但会比较麻烦this在全局作用域的指向在浏览器上： this->window在node环境：this->{} 原因：node把js文件当成一个模块 module -> 加载 -> 编译 -> 放到一个函数 -> 执行这个函数.call({})......

js的垃圾回收机制 GC常见的两种GC算法js中的函数js中的函数是一等公民（函数可以作为另一个函数的参数，返回值，在函数内部定义函数）方法与函数的区别：函数：独立的一些function方法：当一个函数属于对象时，我们称为方法高阶函数：当一个函数以另一个参数作为参数或者返回值时，我们称为高阶函数...

filtermapforEachfind findIndexreduce

作用域提升所以：在定义前使用变量 为undefined，函数可以正常使用变化面试：结果：undefined 编译期间会扫描函数内部有没有定义变量形成AO对象，不管你是否在return后面结果：100 这严格来说算错误语法，但因为js引擎原因可以执行，函数中m被放到了全局结果：报错 10作用域链：作用域链面试题：结果：hello global 函数在预编译期间 上级作用域就确定了 与调用位置无关...