每年一到校招季朋友圈里就会开始转各种“大厂前端笔试真题”。前端面试题刷了一茬又一茬但真正能沉淀下来的其实不多。爱奇艺2020校招前端方向笔试题第二场在我收藏夹里躺了好几年前段时间重新翻出来看发现里面不少考点放到2026年的今天依然高频出现甚至可以说这套题就是前端笔试的“经典样板房”——没有偏题怪题但每一道题都在悄悄筛人。这篇文章我把这套题从出题逻辑、核心考点、答题坑位到备考延伸完整拆一遍不仅讲“这道题怎么做”更重要的是讲清楚“出题人到底想看到什么”。不管你是准备校招的应届生、想跳槽的社招候选人还是带了团队需要出题带人的前端组长这套复盘思路应该都能给你一些参考。1. 这份考卷的出题逻辑先看全貌再做题1.1 题型布局与时间策略先说整体观感。爱奇艺2020校招前端方向笔试第二场延续了大厂笔试的一贯风格题型分四块——单选/多选、简单填空或判断、手写编程题、综合简答题。考试时间通常在90到120分钟屏幕共享监控、不能切屏这一点绝大多数校招笔试系统都差不多。从题量上看选择题一般在15到20道覆盖JS基础、CSS、浏览器、网络基础手写题2到3道重点考察闭包、异步、数组API综合题1到2道经常围绕页面性能、视频业务场景展开。为什么强调“第二场”因为爱奇艺校招不是一次笔试定生死而是分场次滚动安排第二场相比第一场题目会做一轮“防背题”调整——重复的大类不变但具体题目会换角度。你刷到第一场的答案直接套到第二场是套不了的但如果你真正理解了考点换成什么题目都不慌。拿到卷子我的建议是别按顺序硬做。先花2分钟把每道题扫一遍在草稿纸上标出“会的”“半会不会的”“完全没思路的”然后按“会做的先拿分、半会不会的写思路、完全没思路的写关键词”这个顺序推进。笔试最怕的不是题难而是容易题没时间写、难题耗了40分钟还没跑通。1.2 考点分层笔试到底在考什么能力把整套卷子的考点拆开看基本可以分成五个层面下面这个表格是我复盘后的分层方式能力层级典型考点出题形式考察目标基础语法层var/let/const、数据类型、与、数组API选择、填空语言基本功是否扎实异步与运行时Promise、setTimeout、事件循环、微任务宏任务选择、手写是否写过真实异步业务浏览器与网络渲染流程、HTTP缓存、跨域、本地存储选择、简答对页面性能的理解框架与工程化Vue/React生命周期、组件通信、构建工具简答、综合是否具备工程落地能力算法与数据结构去重、排序、字符串处理、复杂度分析手写基础编程思维你会发现一个很有意思的现象这五个层级里**框架与工程化的占分不一定最高但基础语法和异步的占比一定不低。**原因是校招笔试的第一目的是筛掉“简历写得很花但代码写不利索”的人而不是选出“最懂Vue源码的人”。框架可以入职后学但JS基础、异步模型、调试思路这些东西是短期内补不起来的。1.3 为什么“第二场”的参考价值更高很多同学喜欢收集“第一场”的题觉得那是“最原始最真”的版本。我的看法刚好相反——第二场的参考价值往往更高。第一场出题时间紧偶尔会出现题干表述不清、答案有争议的情况到了第二场出题人已经根据第一场的反馈把题目打磨过一轮淘汰掉了一批“测试题”留下来的都是真正能区分考生水平的题。另外第二场通常意味着候选池已经过了一轮筛选笔试难度会微调比如把某道纯记忆型的题换成一到两个场景题。复盘这套爱奇艺第二场笔试你会发现它在“应用型题目”上的比重比第一场明显增加比如给一段包含列表渲染、状态切换和异步请求的代码让你找出问题并优化。这种题目没有标准答案但特别能反映一个人的真实项目经验。2. 核心高频考题解析从答案到出题人意图2.1 this指向与作用域最容易被低估的基础题几乎任何一场前端笔试都少不了this指向题爱奇艺这套也不例外。这类题看着简单失分率却高得吓人。给你一个经典变体var a 1 function foo() { console.log(this.a) } var obj { a: 2, foo: foo } var bar obj.foo bar()输出是多少答案是1。因为bar()是普通函数调用this指向全局对象非严格模式下而不是obj。很多人一看到obj.foo就觉得this指向obj忽略了“赋值之后再调用”这个中间环节。口诀其实就一句话this指向要看调用方式不看定义位置。再看另一个高频变体闭包与var循环for (var i 0; i 5; i) { setTimeout(function() { console.log(i) }, 1000) }输出是5个5。原因是var没有块级作用域setTimeout回调里访问的i是同一个变量循环结束时i已经变成5。解决方案有三种把var改成let、用IIFE包一层、或者在setTimeout第三个参数里传入ifor (var i 0; i 5; i) { setTimeout( function(j) { console.log(j) }, 1000, i ) }这种题考的不是你会不会写let而是你是否理解“闭包捕获的是变量本身而不是变量的值”。我面过不少候选人能背出答案但被问到“为什么改成let就好了”就卡壳。说白了还是对词法作用域的理解停留在表面。2.2 事件循环与异步顺序一道题能看出你写过多少异步代码异步顺序题是爱奇艺第二场的必考项也是刷题群里讨论最多的一类前端面试题。典型题目长这样setTimeout(() console.log(1), 0) Promise.resolve().then(() console.log(2)) console.log(3)输出顺序是3、2、1。console.log(3)是同步代码最先执行Promise.then属于微任务在当前同步代码执行完后立即执行setTimeout属于宏任务要等下一轮事件循环才执行。这里的关键是理解“微任务先于宏任务”是事件循环的铁律。这题本身不难但爱奇艺的考查不会停留在“背输出”而是会加深一层比如给你一段更复杂的代码async function async1() { console.log(a) await async2() console.log(b) } async function async2() { console.log(c) } async1() console.log(d)输出是a、c、d、b。await后面的代码相当于被包进了一个微任务所以b要等async1()执行完、同步代码d输出之后才打印。很多人把await理解为“等待然后同步执行”这是个致命误解。await不是阻塞而是把后续代码“挂起”本质上还是微任务调度。这种题想拿满分不能只背输出顺序得能在白板上画出事件循环的执行序列。我建议你在准备时准备一张“宏任务、微任务、渲染更新”的时间线图做题时在草稿纸上把任务队列画出来一步步往里塞任务基本不会错。2.3 手写深拷贝边界条件才是拉分点爱奇艺这套笔试题里有一道经典手写题——实现深拷贝。这道题在2020年考在2026年依然会考因为它特别能反映一个人的代码习惯。基础版很多人能写出来function deepClone(obj) { if (typeof obj ! object || obj null) { return obj } const result Array.isArray(obj) ? [] : {} for (const key in obj) { result[key] deepClone(obj[key]) } return result }但这样写只能拿一半分。真正拉开差距的是下面几个点第一循环引用。obj.self obj这种情况上面的代码会无限递归导致栈溢出。解法是用一个WeakMap缓存已克隆过的对象function deepClone(obj, cache new WeakMap()) { if (typeof obj ! object || obj null) { return obj } if (cache.has(obj)) { return cache.get(obj) } const result Array.isArray(obj) ? [] : {} cache.set(obj, result) for (const key of Reflect.ownKeys(obj)) { result[key] deepClone(obj[key], cache) } return result }第二特殊类型的处理。Date、RegExp、Map、Set这些对象不能简单遍历要单独处理。第三Symbol键和不可枚举属性用Reflect.ownKeys()而不是Object.keys()才能拿到所有键。如果你在笔试里把这三个点都写到了哪怕代码不是最优面试官对你的印象也会明显不一样因为这说明你考虑过真实工程场景而不只是背了一个模板。顺带说一句用JSON.parse(JSON.stringify())做深拷贝虽然能对付普通对象但遇到undefined、函数、Symbol值会静默丢失遇到循环引用直接报错。笔试里可以提它作为“不推荐方案”但千万别把它当成标准答案。2.4 数组与字符串的常见算法模板算法题在这套卷子里通常占一道手写题。常见题目有数组去重、字符串反转、最长无重复子串、两数之和等。这里说一个容易忽略的考点——数组去重因为它解法太多能看出你掌握API的广度。最简洁的是Setconst arr [1, 2, 2, 3, 3, 4] const unique [...new Set(arr)]filter indexOf是另一种常见写法但复杂度是O(n²)。如果你在笔试里直接写Set能拿基础分但如果你在答案里补一句“用Set的时间复杂度是O(n)如果用filterindexOf则是O(n²)”这题的分数会明显上浮。爱奇艺这类面试题考察的就是这类“知其所以然”的能力。如果是字符串类算法题比如“找出最长不重复子串”刷题网上的滑动窗口模板要熟悉。核心思路是维护一个窗口、一个Set或Map记录窗口内字符右指针移动时如果遇到重复字符就移动左指针。这类算法不会考得太偏掌握滑动窗口、双指针、哈希表三件套基本够用。3. 实战复盘那些年失分最多的地方3.1 审题与边界代码能不能跑在极端输入上笔试复盘最扎心的一类错误是题会做但没注意边界条件直接扣掉大半分。举个例子如果手写题要求“合并两个有序数组”很多人的第一版代码直接写双指针循环但忘了处理数组为空的场景。这就是典型的审题不到位。我的建议是在写代码之前先在注释里把边界条件列出来空数组、只有一个元素的数组、全部相同元素的数组、负数和0。写完代码后再对着这些边界条件逐个跑一遍逻辑。笔试环境里没有测试用例给你跑你必须自己在脑子里“人肉执行”。另外审题时要注意输出格式。有些题要求“原地修改数组”有些要求“返回新数组”没看清就动手是大忌。这种失分不是因为不会而是考试习惯不好完全可以避免。3.2 注释和复杂度分析是隐形的加分项很多候选人觉得笔试系统里只要代码能跑通就行注释写不写无所谓。但如果你站在阅卷人视角想一想一天要批几百份卷子看到一份代码逻辑清晰、关键步骤有注释、末尾还有时间和空间复杂度分析的答卷和看到一份只有变量名为a、b、c的代码观感差距是巨大的。笔试中哪怕代码写不出来在代码块里用注释写出思路也能拿到思路分。比如// 用滑动窗口维护不含重复字符的区间 // 右指针每次右移如果出现重复则移动左指针 // 时间复杂度 O(n)空间复杂度 O(字符集大小)这比什么都写不出来强得多。爱奇艺这类手动阅卷的大厂笔试阅卷人是有一定自由裁量权的你多给的这些信息就是在给他一个“给你加分”的理由。3.3 高频踩坑清单我梳理了几个在这类笔试题里重复出现的高频坑每条都是用血泪经验换的声明关键字混用。var、let、const的使用场景没想清楚就开写最后被变量提升坑到。和不分。校招笔试题特别喜欢出[] false这类比较题原则是在笔试中默认使用严格相等。数组API记混。map、forEach、filter、reduce用的场景完全不同尤其是map和forEach很多人到面试的时候还是说不清区别。忘记函数参数默认值或解构赋值导致的报错。手写代码时建议多写一层防御逻辑。手写Promise.all时忽略错误处理。Promise.all是“全成功才成功一个失败就失败”但很多人只知道这一句话却写不出reject时立即终止的逻辑。这些坑没有一个超出基础范畴但就是能在真实的笔试环境下精准命中你。我的建议是每次刷题后不只是看答案而是写一份“错题归因”是知识盲区、粗心大意、还是时间分配出了问题。复盘深度直接决定你下次的成绩。3.4 阅卷时我到底看什么我带团队这几年也帮公司看过不少笔试答卷说实话阅卷人看一份代码视线停留顺序是这样的先看代码整体结构再看命名和注释然后才看具体逻辑是否正确。一份代码如果变量命名是arr1、arr2函数叫fn哪怕逻辑对分数也不会太高因为它会让你觉得这个候选人没有工程化意识。更关键的是阅卷人会特别关注“极端情况处理”。写数组题时有没有考虑空数组写递归时有没有考虑循环引用写异步题时有没有考虑报错分支这些点比“主流程正确”更能反映真实代码水平。如果你能在代码里主动写出边界条件的处理逻辑哪怕多花两行也非常加分。4. 回头看从2020年真题到2026年校招备战4.1 基本功再怎么强调都不为过复盘这套题最深的感触是2020年考的基础题2026年依然在考。this指向、闭包、事件循环、深拷贝、数组API这些内容没有“过时”这一说。前端的框架更迭快但语言核心和浏览器运行机制变化很慢。如果你现在还在刷“新框架题”而忽略了基础建议先停下来。Vue3、React 18、Vite、TypeScript当然要学但校招笔试的第一道门槛还是语言基础。基础题过不了框架题答得再漂亮也很难进入下一轮。我见过很多简历上写着“熟悉Vue3源码”的候选人被一道var循环的setTimeout输出题问到沉默。准备基础最有效的路径是“两本书一套题”认真读完《JavaScript高级程序设计》或者《你不知道的JavaScript》的关键章节然后拿3到5套大厂校招真题反复练。不需要刷几千道把一套题吃透比粗刷十套有用得多。4.2 框架、工程化与新兴方向如何平衡2026年的前端面试题确实多了很多新方向比如微前端、低代码、AI辅助开发工具、大文件上传、流式渲染、WebAssembly等。爱奇艺这类视频网站本身就有大量播放器、弹幕、视频列表、性能优化等场景笔试和面试题经常会结合这些业务场景来出。我的建议是基础题保底进阶题按目标公司调整。算法题和JS基础题所有公司都要考这部分的优先级最高框架题按你投递的公司技术栈准备不必贪多场景题和业务题提前研究一下目标公司的核心产品形态比如投爱奇艺就研究视频播放页的性能优化投电商就研究商品列表的渲染性能。另外像“前端如何实现大文件分片上传”“水波纹进度条如何实现”这类具体业务题本质上考的还是HTTP请求、File API、Canvas或CSS动画这些基础组合能力。所以归根结底基础扎实的候选人面对新题永远更从容。4.3 一套高效的刷题与复盘方法最后分享一套我自己用下来效率比较高的备战方法。按主题去刷题而不是按公司去刷题。比如这一周只刷“JS基础this闭包”下一周只刷“异步Promise事件循环”再下一周刷“手写实现数组算法”。每个主题刷完后写一篇几百字的记录讲清楚这个主题的常见考点和易错点。记录很重要。不写下来的刷题等于白刷因为三周后你就会忘记当初卡住你的那个细节。我建议用Markdown或者笔记软件维护一个“前端面试八股文”库按“题目、我的思路、正确答案、错因分析”四栏记录。等到面试前一周把这个文档从厚翻到薄比临时刷几十道新题有效得多。最后笔试前一定做一两次全真模拟。开个计时器找个安静的环境完整刷一套题中间不查资料、不切屏。你会惊讶地发现很多平时能写出来的代码在倒计时压力下会突然短路。提前适应这种紧张感是校招笔试拿高分的重要一环。我在复盘这套爱奇艺2020校招前端笔试题的过程中最深的体会是前端面试题年年变但筛人的底层逻辑几乎没有变过——它始终在找那些“基础扎实、思维清晰、代码习惯好”的人。第二场比第一场更难背题但也更能反映真实水平所以比起找现成答案不如把考点变成自己的肌肉记忆。这份卷子只是个切入口真正重要的是你通过它建立了自己的知识体系和做题节奏。