JavaScript面经整理学习5.pdf

JavaScript⾯经

●⼀次JS请求涉及的缓存处理。

○浏览器缓存。静态资源（包括JS）。

○代理服务器缓存。

○CDN缓存。

○DNS缓存。

●闭包

○闭包函数。声明在函数中的函数。

○闭包。⼀种现象。内部函数可以访问外部函数中的变量。即使该外部函数被返回。

■优点。封装+缓存。⽅便设计私有属性和⽅法，可以访问外部变量。局部变量可以常驻内

存，缓存。

■缺点。消耗内存。容易造成内存泄漏。局部变量常驻内存，不会被垃圾回收。

●解决⽅法。退出函数前，将不使⽤的变量删除。

■闭包找的是同⼀地址中⽗级函数中对应变量的最终值。

●每次外部函数执⾏时，创建⼀个新的内存空间，地址不⼀样。

●作⽤域链

○作⽤域是变量和函数的可访问范围。控制着函数和变量的可⻅性+⽣命周期。

○作⽤域的变量只能向上访问，⼀直到window，不能向下。

■全局作⽤域+函数作⽤域。

■代码编译期间，确定作⽤域规则（当前+嵌套作⽤域中变量如何查找）。

■变量对象创建期间的之⼀⼯作确定作⽤域链。

●作⽤域链当前变量对象+上层变量对象（直到全局对象）。

●执⾏上下⽂。当前代码的执⾏环境，会形成作⽤域。

○执⾏环境。全局+函数+eval。调⽤栈，栈底是全局。

■return会直接出栈当前上下⽂。浏览器关闭，则全局执⾏上下⽂出栈。

○单线程，同步执⾏。

○⽣命周期

■创建。调⽤函数时，创建函数执⾏上下⽂。创建变量对象+建⽴作⽤域链+this绑定。

■执⾏。变量赋值，执⾏代码。

○变量对象。执⾏上下⽂相关的数据作⽤域，存储上下⽂中定义的变量和函数声明。

1

■活动对象是执⾏期间对应的类型，变量对象是创建⽣命周期的。VO转为AO。

■⽣命周期创建+执⾏+销毁。

■变量对象创建过程。

●创建arguments对象，存储调⽤时传⼊的实参。

●上下⽂中的函数声明。以上下⽂中的function声明建⽴函数名和内存地址的键值对。

●上下⽂中的变量声明。每发现⼀个变量声明，以变量名建⽴键值对，值为undefined。

若同名属性已经存在，则跳过，防⽌修改为undefined。

■活动对象执⾏阶段。

●执⾏赋值等其他代码。（将声明全部去掉，若是同名的变量赋值，则更新为值）

■声明问题

●同名函数，覆盖前⾯的声明。

●同名变量，忽略后⾯的变量声明。

●同名函数和变量，函数声明提前优先，变量的声明提前被忽略。但之后的执⾏，变量

赋值覆盖。

●原型

○构造函数声明时，创建原型对象，同时原型对象会有⼀个constructor属性，指向其构造函数。

○原型链。对象的__proto__属性连接。如person.__proto__-Ptotype.__proto__-

Ototype-Ototype.__proto__-null。

■构造函数的prototype属性指向其原型。

■构造函数也是对象，Person.__proto__Ftotype

■⽽FtotypeFunction.__proto__。

■ES6的Reflect.getprototypeof

○原型污染。⽐如重写totype.tostring。

■执⾏遇到constructor或__proto__停⽌。

■Object.create(null)创建原型为null的对象，不影响原型链。

■Object.freeze(obj)冻结obj，不可修改属性，⽆法