在前端的面试中，经常会问到有关 this 的指向问题。最近，朋友Z 向我求助说，他一看到 this 的题目就犯难，搞不清楚 this 究竟指向了谁。我为他做了解答，并整理成了这篇文章，希望能帮到有需要的同学。 它的答案是：先输出一个 10，然后输出一个 2。 在我们这道题中，虽…

最近，有篇名为 《8张图帮你一步步看清 async/await 和 promise 的执行顺序》 的文章引起了我的关注。 作者用一道2017年「今日头条」的前端面试题为引子，分步讲解了最终结果的执行原因。其中涉及到了不少概念，比如异步的执行顺序，宏任务，微任务等等，同时作者限定…

最近，朋友T 在准备面试，他为一道编程题所困，向我求助。原题如下： 这道题要考察的，就是对函数柯里化的理解。让我们先来解析一下题目的要求： 如果传递两个参数，我们只需将它们相加并返回。 否则，我们假设它是以sum(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给s…

年味儿渐散，收拾下心情，继续敲代码吧。 对于即将到来金三银四的求职季，相信不少同学都在默默地做着准备。本系列旨在梳理前端庞杂的知识点，并尽可能通俗易懂地表述出来，也希望能帮到有需要的同学。 面试中，我经常会问及 ES6 的知识点，因为平时工作中用得很多。当问到箭头函数时，不少候…

上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突…

从回答上来分析，虽然伪类和伪元素平时都有接触，但在概念上，都比较模糊。今天，我们就来说说伪类与伪元素的区别，以及使用场景。伪类，不是只有 a 标签的四种状态。伪元素，也不是只有 ::before 与 ::after。更多的伪类与伪元素，详见文末附录。 伪类，更多的定义的是状态。…