原型+执行上下文+作用域+闭包+内存溢出/泄漏

最新推荐文章于 2022-11-25 12:15:05 发布

tkrj7_

最新推荐文章于 2022-11-25 12:15:05 发布

阅读量128

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/tkrj7_/article/details/110230700

版权

函数高级

原型与原型链

原型（prototype）
- 函数的protype属性
  - 每个函数都有一个protype属性，默认指向一个object空对象（即原型对象）
  - 原型对象中有一个属性constructor，指向函数对象
- 给原型对象添加属性（一般是方法)
  - 函数所有实例对象自动拥有原型中的属性（方法）
显式原型与隐式原型
- 每个函数function都有一个prototype，即是显式原型
- 每个实例对象都有一个proto，可称为隐式原型
- 对象的隐式原型的值为其对应构造函数的显式原型的值
- 总结
  - 函数的prototype属性：在定义函数时自动添加的，默认值时一个空的object对象
  - 对象的proto属性：创建对象时自动添加的，默认值为构造函数的prototype的值
  - 程序员能直接操作显式原型，但不能直接操作隐式原型
原型链
- 别名：隐式原型链
- 访问一个对象的属性时，先在自身属性中查找，找到返回，如果没有，再沿着proto这条链向上查找，找到返回，如果最终没找到，返回undefined
- 作用：查找对象的属性（方法）
- 函数的显式原型指向的对象默认是空object实例对象（但object不满足）
- 所有函数都是Function的实例（包括Function本身）
  - Function.proto===Function.prototype
- Object的原型对象是原型链尽头
  - Object.prototype.proto值为null
- 属性问题
  - 读取对象的属性值时：会自动到原型链中查找
  - 设置对象的属性值时：不会查找原型链，如果当前对象没有此属性，直接添加此属性并设置其值
  - 方法一般定义在原型中，属性一般通过构造函数定义在对象本身上
探索instanceof
- instanceof是如何判断的？
  - 表达式：A instanceof B
  - 如果B函数的显式原型对象在A对象的原型链上，返回true，否则返回false
- Function是通过new自己产生的实例

执行上下文与执行上下文栈

变量提升与函数提升
- 变量声明提升
  - 通过var定义（声明）的变量，在定义语句之前就可以访问到，值：undefined
- 函数声明提升
  - 通过function声明的函数，在之前就可以直接调用，值：函数定义（对象)
执行上下文
- 代码分类（位置）
  - 全局代码
  - 函数（局部）代码
- 全局执行上下文
  - 在执行全局代码前将window确定为全局执行上下文
  - 对全局变量进行预处理
    - var定义的全局变量==》undefined，添加为window的属性
    - function声明的全局函数 ==》赋值（fun)，添加为window的方法
    - this==》赋值（window）
  - 开始执行全局代码
- 函数执行上下文
  - 在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象（虚拟的，存在于栈中）
  - 对局部数据进行预处理
    - 形参变量->赋值（实参）–>添加为执行上下文属性
    - arguments==》赋值（实参列表），添加为执行上下文的属性
    - var定义的局部变量==》undefined，添加为执行上下文的属性
    - function声明的函数==》赋值（fun），添加为执行上下文的方法
    - this==》赋值（调用函数的对象）
  - 开始执行函数体代码
执行上下文栈
- 理解
  - 在全局代码执行强，JS引擎就会创建一个栈来存储管理所有的执行上下文对象
  - 在全局执行上下文（window）确定后，将其添加到栈中（压栈）
  - 在函数执行上下文创建后，将其添加到栈中（压栈）
  - 在当前函数执行完后，将栈顶的对象移除（出栈）
  - 当所有的代码执行完后，栈中只剩下window
- 流程分析
面试题
- 先执行变量提升，再执行函数提升

作用域与作用域链

作用域
- 理解
  - 就是一块“地盘"，一个代码段所在区域
  - 它是静态的（相对于上下文对象），在编写代码时就确定了
- 分类
  - 全局作用域
  - 函数作用域
  - 没有块作用域（ES6有了）
- 作用
  - 隔离变量，不同作用域下同名变量不会有冲突
作用域与执行上下文
- 区别一
  - 全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了，而不是在函数调用时
  - 全局执行上下文环境是全局作用域确定之后，JS代码马上执行之前创建
  - 函数执行上下文环境是调用函数时，函数体代码执行前创建
- 区别二
  - 作用域是静态的，只要函数定义好了就一直存在，且不会再变化
  - 执行上下文是动态的，调用函数时创建，函数调用结束时上下文环境就被释放
- 联系
  - 上下文环境（对象）是从属于所在的作用域
  - 全局上下文环境==》全局作用域
  - 函数上下文环境==》对应的函数使用域
作用域链
- 理解
  - 多个上下级关系的作用域形成的链，它的方向是从下向上的（从内到外）
  - 查找变量时就是沿着作用域链来查找的
- 查找一个变量的查找规则
  - 在当前作用域下的执行上下文中查找对应的属性，如果有直接返回，否则进入2
  - 在上一级作用域的执行上下文中查找对应的属性，如果有直接返回，否则进入3
  - 再次执行2的相同操作，直到全局作用域，如果还找不到就抛出找不到异常

闭包

如何产生一个闭包
- 当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包
闭包到底是什么
- 使用chrome调试查看
- 理解一：闭包是嵌套的内部函数（绝大部分）
- 理解二：包含被引用的变量（函数）的对象（极少数）
- 注意：闭包存在于嵌套的内部函数中
产生闭包的条件
- 函数嵌套
- 内部函数引用了外部函数的数据（变量/函数）
- 执行外部函数/执行函数定义就会产生闭包（不用调用内部函数）
常见的闭包
- 将函数作为另一个函数的返回值
- 将函数作为实参传递给另一个函数调用
闭包的作用
- 使用函数内部的变量在函数执行完后，仍然存活在内存中（延长了局部变量的生命周期）
- 让函数外部可以操作（读写）到函数内部的数据（变量/函数）
- 函数执行完后，函数内部声明的局部变量一般是不存在的，存在于闭包中的变量才可能存在
- 在函数外部不能直接访问函数内部的局部变量，但可以通过闭包让外部操作它
闭包的生命周期
- 产生：在嵌套内部函数定义执行完时产生（不是在调用）
- 死亡：在嵌套的内部函数成为垃圾对象时（ f=fn1 () ==> f=null 闭包死亡)
闭包的应用：定义JS模块
- 具有特定功能的js文件
- 将所有的数据和功能都能封装在一个函数内部（私有的）
- 只向外暴露一个包含n个方法的对象或函数
- 模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能
缺点
- 函数执行完后，函数内的局部变量没有释放，占用内存时间会变长，容易造成内存泄漏
- 解决：能不用闭包就不用/及时释放