1.防抖防抖：用户触发时间过于频繁，只要最后一次事件的操作，实现原理为设置一个定时器，约定在xx毫秒后再触发事件处理，每次触发事件都会重新设置计时器，直到xx毫秒内无第二次操作。1.封装防抖代码如下： //封装的防抖 function debounce(fn,delay){ let t=null return function(){ if(t!==null){ clearTimeout(t) } t=setTimeout(()=>{ fn.call(this) },delay) } } 2.防抖示例：1.search搜索联想，用户在不断输入值时，用防抖来节约请求资源 <input ...

1.let const块级作用斌是在ES6提出的，在块中定义的 let const 只能在块中使用，原因是执行上下文构建时，只会登记 顶级 let const。块级作用域对var不起作用。var只有在函数中才会和全局的有所不同（函数执行上下文）。执行块级作用域代码时，会新建一个文本环境《不是执行上下文)将新建的文本环境(Lexical Environment)与当前执行上下文连接代码块执行结束后恢复原来的连接代码块创建文本环境的步骤与前两节提到的过理几乎是一样的，只不过不会登记 var 类型变量，因为代码块内的 var 变量在之前已经登记在执行上下文中了。简单再闻述一下创建块级的执行上下文的过...

1.程序执行的本质？程序执行就是状态机，也就是数据的集合。最终进行逻辑计算的是电脑 的硬件。，硬件依赖于电信号，只认识0和1 机器码只有0和1，抽象麻烦，就出现了汇编语言，带有语义化，通过直译器转换成机器码。这就是低级语言后面出现高级语言更加方便，高级语言转换成汇编语言在通过直译器站变成机器码最后被硬件识别。高级语言分为解释语言和编译语言。编译语言可以直接编译成可执行文件（也就是机器码）解释语言需要通过解释器解释为机器码。对于JS来说，JS引擎就是解释器，执行JS时候的算法（逻辑），(最重要的是理解语法背后解释器的执行流程)2.V8引擎对JS的处理（因为字符串信息有限，需要生成关系树进行一系列...

1.执行上下文程序的本质是状态机，换句话说，程序的执行就做两件事，就是对数据的都和写。从程序的角度出发，当需要读写一个变量时，程序去哪里找这个变量呢？执行上下文，执行上下文也就是程序查找变量的空间的一个抽象。执行上下文就是程序读写数据时查找变量的地方，那么这个赌坊具体什么情况呢？对于JS而言，读写变量的情况可以细分一下：全局读写变量函数内读写变量eval执行上下文也可以分为两种：全局执行上下文和函数执行上下文。这两个执行上下文是有点差别的。2.全局执行上下文执行上下文从广义上可以分为两块：Lexical Environment和This Binding1.Lexical Environment...

1.问题：输入URL按下回车发生了什么？（可看谷歌官网）浏览器主进程的UI线程（负责监控用户的行为）会判断在浏览器地址栏输入的是查询还是URL。如果是URL，则UI线程发现输入的是URL就会调度网络进程的网络线程，让网络线程处理一下URL，网络线程开始处理，网络线程处理完成，它根据IRL发送的请求以及接受了响应拿到了数据。把数据返回给UI线程，UI线程收到数据，把数据包装成一个渲染任务，就会通知渲染进程，让渲染进程来渲染一些页面（页面就是UI线程发送给渲染进程的渲染任务），把渲染任务给渲染进程的主线程（主线程在页面一启动就一直在查询任务），来了任务渲染进程的主线程开始执行任务。即：UI线程判断...

1.早期浏览器早期浏览器是单进程程序和多线程进程（页面线程（负责解析js，plugin执行，draw），网络线程（request）、其他线程（file，storage）等）产生的问题？页面线程效率低：因为js的执行，插件执行，页面解析和渲染都运行在该线程里页面不稳定：一个线程崩溃，整个浏览器2.现代浏览器架构1.多进程的浏览器 1.主进程：浏览器界面用户交互管理子进程提供存储功能 2.网络进程 负责网络资源的请求和接受。 3.GPU进程 驱动chrome利用GPU的最初的动力是3D CSS，对页面渲染的加速 4.插件进程 讲插件分成单独的进程，防止插件造成的页面崩溃或者不安全的问题，形成一个沙...

1.垃圾回收的概念js的内存模型分为堆和栈，堆和栈有不同的垃圾处理方式。 栈是有连续的内存空间，不使用的空间会自动回收，其实也不是回收，就是栈顶指针会下移，操作系统就是知道那部分空间是能被使用的，那部分空间不会被清除，但是新的内容可以覆盖他。 堆不是连续的内存空间，其有垃圾回收机制：有标记清除和引用计数，也可以手动清除。垃圾回收：JavaScript代码运行时，需要分配内存空间来储存变量和值。当变量不在参与运行时，就需要系统收回被占用的内存空间，这就是垃圾回收。回收机制：Javascript 具有自动垃圾回收机制，会定期对那些不再使用的变量、对象所占用的内存进行释放，原理就是找到不再使用的变量...

JavaScript中的异步机制：回调函数 的方式，使用回调函数的方式有一个缺点是，多个回调函数嵌套的时候会造成回调函数地狱，上下两层的回调函数间的代码耦合度太高，不利于代码的可维护。优点：简单、容易理解缺点：不利于维护，代码耦合高，多个异步操作下容易形成回调地狱。Promise 的方式，使用 Promise 的方式可以将嵌套的回调函数作为链式调用。但是使用这种方法，有时会造成多个 then 的链式调用，可能会造成代码的语义不够明确。缺点：编写和理解，相对比较难generator 的方式，它可以在函数的执行过程中，将函数的执行权转移出去，在函数外部还可以将执行权转移回来。当遇到异步函数执行的时...

1.内存泄漏内存泄漏：指任何对象在您不再拥有或需要它之后仍然存在。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。 如：setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环），也会引发内存泄漏。 js中的内存垃圾回收机制(GC:Garbage Collecation))：垃圾回收器会定期扫描内存，当某个内存中的值被引用为零时就会将其回收。当前变量已经使用完毕但依然被引用，导致垃...

call、apply、bind函数从哪里来呢？每个javascript函数其实都是Function对象，而function对象是构造函数，构造函数是有原型对象的，也就是Function.prototype，这个原型对象中有很多属性可以使用，比如call就是在这个原型对象属性里面来的,因此模仿就必须在原型对象里面添加新的和call一样的属性。注意提示: 函数形参小于函数实参则形参对应实参相同个数的参数，多余的忽略函数形参大于函数实参则形参对应实参相同个数的参数，少的为undefined，会报错1.call 函数的实现步骤：判断调用对象是否为函数，即使是定义在函数的原型上的，但是可能出现使用 ca...

1.for inES3中的for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。for ... in是为遍历对象属性而构建的，不建议与数组一起使用，数组可以用Array.prototype.forEach()和for ... of，那么for ... in的到底有什么用呢？它最常用的地方应该是用于调试，可以更方便的去检查对象属性（通过输出到控制台或其他方式）。尽管对于处理存储数据，数组更实用些，但是你在处理有key-value数据（比如属性用作“键”），需要检查其中的任何键是否为某值的情况时，还是推荐用for ... in。2.for offor…...

1.typeof null 的结果是什么，为什么？typeof null 的结果是Object。 <script> console.log(typeof null)//object </script>  null不是对象。虽然 typeof null 会输出 object，但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象，然而 null 表示为全零，所以将它错误的判断为 object 。具体原因：在 JavaScript 第一个版本中，所有值都存储在 32 位的单元中，...

1.new操作符的执行过程：首先创建了一个新的空对象设置原型，将对象的原型设置为函数的 prototype 对象。让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。2.具体实现：实现写法1： <script> function fNew() { let obj = null // Array.prototype.shift从数组中删除第一个元素，并返回该元素的值 let constructor = Array.prototype.shift.call(argume...

1.instanceofinstanceof 运算符用于判断构造函数的 prototype 属性是否出现在对象的原型链中的任何位置。定义：字面意思理解为判断当前对象是否是指定的类型，更深层次理解应该是，指定类型是否在当前实例对象的原型链上，如果是返回true，反之返回false。语法：实例对象 instanceof 构造函数用法：A instanceof B 判断的是B.prototype是否存在与A的原型链之中        A instanceof B    A(实例对象)的类型是不是B(构造函数)    &n...