js基础重点复习

变量提升

  • 变量和函数声明在代码执行之前就被提升到当前作用域的顶部。
  • 声明式函数会将整个函数体提升到顶部。因此可以在声明前定义。变量式的函数声明只会将变量进行提升。
  • 声明式函数的提升 > 变量提升

题目解法:分为编译阶段(变量提升)和执行阶段两步走

作用域:

  • JS是词法作用域,作用域范围和作用域链在函数定义时就确定。let const支持块级作用域{}内都属于。
  • 二次定义:let,const不允许在同作用域重复定义。存在暂时性死区。
  • 作用域查找:从当前函数的作用域查找向外层查找,注意是函数声明的位置,而不是运行的位置。
  • LHS 和 RHS:const a = b左查找没找到会创建全局变量,右查找没找到直接报错,严格模式都报错
  • 在全局声明的变量在node中不会挂载到全局,在浏览器中会挂载到全局。

闭包:

闭包就是函数内能访问到外层的作用域,当外层作用域销毁之后,仍能访问到变量。

数据私有化

js 复制代码
function person() {
  var age = 18;
  age++;
  console.log(age);
}

person(); // 19
person(); // 19
person(); // 19

经典案例

javascript 复制代码
for (var i = 0; i < 5; i++) {//块作用域+闭包dao zhi
  setTimeout(()=>{
    console.log(i); // 输出:5 5 5 5 5
  },500)
}

解决方案
//函数包装,IIFE
//let

this:

  • 谁调用this,this就指向谁。
  • new调用中的this指向新对象
  • 箭头函数内部无this,继承外部的this
  • new>显示绑定>隐式绑定

原型链 & 继承

父类给子类的是什么? 属性和方法。属性怎么给?对象的属性?基本类型的属性?自身的属性?原型上的属性?

  • 原型链说简单点就是把一堆对象串成糖葫芦。当查找属性时从最底下的对象开始找。无法通过底下的对象修改上层对象的属性。添加已存在的属性会出现两种情况:1.添加到自身2.修改失败。3.触发setter

  • 父类构造中的this.XXX在子类中的体现:子类实例的引用类型属性,并不是通过 "继承" 得到的,而是通过调用父类构造函数,在自己的实例上重新创建的。

1.原型链继承:子类使用父类new出的对象当原型。缺点:父类的引用数据类型为子类共享。 2.构造函数继承:利用了父函数.Call方法为自己添加属性,但是无法继承原型链 3.完美方案:利用.call给自身添加单独的父对象属性。利用object.create来创建中间层对象防止二次调用父构造。通过原型链来实现继承。

垃圾回收

先找后收 找:引用计数法 可达性分析 回收:标记清除算法(碎片化) 标记整理算法 复制算法(利用空间小) 分代GC(新生代负责短周期的对象,用复制算法空间换时间,规避了清理和移动,老年代负责长周期对象,用标记清除+标记整理)

相关推荐
香芋芋圆6 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF7 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6747 小时前
vue3-async
前端·javascript·vue.js
excel8 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
一个游离的指针11 小时前
函数管道:消除深度嵌套调用
前端·javascript
柚yuzumi12 小时前
前端优化,从少触发一次开始:防抖与节流
前端·javascript
默_笙12 小时前
🚤 CSS 布局的"圈地运动":BFC 就是浏览器的独立领地
前端·javascript
用户9385156350712 小时前
大模型记忆指南:从短时缓存到永久记忆,手把手带你吃透 LangChain Memory 管理
javascript·人工智能
xqchen13 小时前
Web Components 普及困境深度解析:技术标准与工程实践的落差
javascript
爱丶不疚13 小时前
写给前端工程师的现代 Python 工程化最佳实践:从 pnpm 到 uv,从 CommonJS 到 src-layout
javascript·python·typescript