前端面试大全：JS 进阶知识点及常考面试题

JS 进阶面试指南：手写 call、apply、bind 与内存管理解析

最新推荐文章于 2024-08-09 08:47:39 发布

原创

最新推荐文章于 2024-08-09 08:47:39 发布 · 901 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #前端面试 #ES6 #javascript

本文详细介绍了JavaScript中的call、apply、bind函数的实现原理，以及new操作符的工作机制。讨论了instanceof的判断逻辑，解析了0.1 + 0.2不等于0.3的原因和解决方案。此外，还探讨了V8引擎的垃圾回收机制，包括新生代和老生代的内存管理策略。内容适合前端开发者深入理解JS核心概念。

(内容同步自小邹的头条号：沪漂程序员的生活史)

在这一篇文章中中，小邹将会介绍一些原理相关的知识，不会解释涉及到的知识点的作用及用法，如果大家对于这些内容还不怎么熟悉，推荐先去学习相关的知识点内容再来学习原理知识。

前端面试大全：JS 进阶知识点及常考面试题

手写 call、apply 及 bind 函数

涉及面试题：call、apply 及 bind 函数内部实现是怎么样的？

首先从以下几点来考虑如何实现这几个函数

不传入第一个参数，那么上下文默认为 window
改变了 this 指向，让新的对象可以执行该函数，并能接受参数

那么我们先来实现 call

Function.prototype.myCall = function(context) {
 if (typeof this !== 'function') {
 throw new TypeError('Error')
 }
 context = context || window
 context.fn = this
 const args = [...arguments].slice(1)
 const result = context.fn(...args)
 delete context.fn
 return result
}

以下是对实现的分析：