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(新生代负责短周期的对象,用复制算法空间换时间,规避了清理和移动,老年代负责长周期对象,用标记清除+标记整理)

相关推荐
言兴3 小时前
秋招面试---性能优化(良子大胃袋)
前端·javascript·面试
WebInfra4 小时前
Rspack 1.5 发布:十大新特性速览
前端·javascript·github
雾恋5 小时前
我用 trae 写了一个菜谱小程序(灶搭子)
前端·javascript·uni-app
烛阴5 小时前
TypeScript 中的 `&` 运算符:从入门、踩坑到最佳实践
前端·javascript·typescript
Java 码农6 小时前
nodejs koa留言板案例开发
前端·javascript·npm·node.js
ZhuAiQuan6 小时前
[electron]开发环境驱动识别失败
前端·javascript·electron
nyf_unknown6 小时前
(vue)将dify和ragflow页面嵌入到vue3项目
前端·javascript·vue.js
胡gh7 小时前
数组开会:splice说它要动刀,map说它只想看看。
javascript·后端·面试
TimelessHaze8 小时前
🔥 一文掌握 JavaScript 数组方法(2025 全面指南):分类解析 × 业务场景 × 易错点
前端·javascript·trae