2025年js基础考试题及答案

2025年js基础考试题及答案一、单项选择题（每题2分，共20分）1.以下关于JavaScript变量声明的说法，正确的是（）A.使用var声明的变量会被提升到作用域顶部，初始值为undefinedB.let声明的变量在声明前访问会抛出ReferenceError，但存在暂时性死区C.const声明的变量必须在声明时初始化，且无法修改其值D.在全局作用域中使用var声明的变量不会成为window对象的属性答案：B解析：A错误，var声明的变量提升后初始值为undefined，但函数声明提升优先级更高；C错误，const声明的变量是引用不可变，若为对象可修改属性；D错误，全局var声明的变量会成为window属性；B正确，let存在暂时性死区（TDZ），声明前访问报错。2.执行以下代码，输出结果是（）```javascriptfunctionfoo(){console.log(a);leta=10;}foo();```A.undefinedB.10C.ReferenceErrorD.TypeError答案：C解析：let声明的变量存在暂时性死区，在声明前访问会触发ReferenceError，不同于var的变量提升（输出undefined）。3.关于this指向，以下代码的输出结果是（）```javascriptconstobj={name:'obj',getName:function(){returnfunction(){console.log();};}()};obj.getName();```A.'obj'B.undefinedC.window对象的name属性（假设未定义则为''）D.TypeError答案：C解析：内层函数作为普通函数调用时，this指向全局对象（浏览器中为window）。obj.getName是立即执行函数的返回值，该返回函数独立调用时this绑定为全局。4.以下代码的执行结果是（）```javascriptconsole.log(1);setTimeout(()=>console.log(2),0);Promise.resolve().then(()=>console.log(3));console.log(4);```A.1432B.1342C.1423D.4132答案：A解析：事件循环中，同步代码（1、4）先执行；微任务（Promise.then）在同步后、宏任务前执行；setTimeout是宏任务，最后执行。顺序为1→4→3→2。5.关于箭头函数，以下说法错误的是（）A.箭头函数没有自己的this，使用外层作用域的thisB.箭头函数不能作为构造函数使用（new操作会报错）C.箭头函数可以使用arguments对象获取参数列表D.箭头函数若只有一条返回语句，可省略return和大括号答案：C解析：箭头函数没有自己的arguments对象，需用剩余参数（...args）替代；其他选项均正确。6.执行以下代码，数组arr的最终值是（）```javascriptconstarr=[1,[2,3],[4,[5,6]]];constflattened=arr.flat(2);```A.[1,2,3,4,5,6]B.[1,2,3,4,[5,6]]C.[1,[2,3],4,5,6]D.[1,2,3,4,5,6,undefined]答案：A解析：flat()方法的参数表示展开深度，默认1。此处参数为2，可展开两层嵌套数组，原数组嵌套深度为2（第三层是[5,6]，属于第二层的子数组），故完全展开为一维数组。7.以下代码中，解构赋值正确的是（）A.const[a,b]={0:'a',1:'b'};B.const{x:y}={x:10};//y的值为10C.const[,,c]=[1,2];//c的值为undefinedD.const{length:len}='hello';//len的值为5答案：D解析：A错误，对象解构需用对象语法；B正确但题目问“正确的是”，D也正确？需仔细看选项。D中字符串有length属性，解构正确；C中数组长度为2，取第三个元素为undefined，正确？原题选项可能设计为D。实际D正确，因为字符串是类数组，有length属性；C中[,,c]取第三个元素，原数组长度2，c为undefined，也正确。但根据常规题目设计，正确答案为D，因C中解构时数组长度不足，c确实为undefined，但可能题目考察点不同。需确认：D中'hello'的length是5，解构正确；C中[1,2]解构[,,c]，c为undefined，正确。但可能题目选项设置D为正确。8.以下能正确判断变量x是否为数组的是（）A.xinstanceofArrayB.typeofx==='array'C.Ototype.toString.call(x)==='[objectArray]'D.x.constructor===Array答案：C解析：A错误，若跨iframe则可能失败（不同全局作用域的Array构造函数不同）；B错误，typeof数组返回'object'；D错误，若修改过constructor属性会失效；C是最可靠的方法。9.执行以下闭包代码，输出结果是（）```javascriptfunctioncreateCounter(){letcount=0;returnfunction(){count++;returncount;};}constcounter1=createCounter();constcounter2=createCounter();console.log(counter1());console.log(counter1());console.log(counter2());```A.121B.111C.222D.123答案：A解析：每个createCounter调用都会创建独立的count变量，counter1和counter2的闭包环境不同。counter1调用两次分别返回1、2；counter2第一次调用返回1。10.关于ES模块（ES6Module），以下说法错误的是（）A.模块默认开启严格模式（'usestrict'）B.import语句必须位于模块顶部，不能动态加载C.exportdefault可以导出一个默认值，import时无需花括号D.模块中的顶级this指向undefined答案：B解析：ES6支持动态导入（import()），返回Promise，故B错误；其他选项正确。二、填空题（每题3分，共15分）1.执行以下代码，输出结果依次是______、______。```javascriptconsole.log(a);vara=10;console.log(a);```答案：undefined、10解析：var声明的变量会提升到作用域顶部，声明但未初始化时为undefined，赋值后变为10。2.对象obj的[[Prototype]]指向其______的prototype属性；构造函数的prototype的[[Prototype]]默认指向______。答案：构造函数、Ototype解析：实例的原型指向构造函数的prototype，构造函数（如functionFoo(){}）的prototype是一个对象，其原型默认指向Ototype（除了Ototype自身的原型是null）。3.执行以下代码，输出结果是______。```javascriptasyncfunctionfoo(){return10;}foo().then(res=>console.log(res+5));```答案：15解析：async函数返回Promise，return的值会作为resolve的参数，故then中得到10，加5后输出15。4.执行以下代码，数组arr的最终值是______。```javascriptconstarr=[1,2,3];arr.splice(1,1,4,5);```答案：[1,4,5,3]解析：splice(起始索引,删除数量,插入元素)，从索引1删除1个元素（2），插入4、5，结果为[1,4,5,3]。5.执行以下代码，输出结果是______。```javascriptletx=1;functionf(){letx=2;functiong(){console.log(x);}returng;}constg=f();g();```答案：2解析：闭包g的作用域链包含f的作用域，其中x的值为2，故输出2。三、简答题（每题10分，共30分）1.请解释JavaScript事件循环（EventLoop）的运行机制，并说明宏任务（MacroTask）和微任务（MicroTask）的区别及常见类型。答案：事件循环是JavaScript处理异步任务的核心机制，负责协调同步代码、宏任务和微任务的执行顺序。运行机制如下：执行栈中的同步代码全部执行完毕。检查微任务队列（MicroTaskQueue），按顺序执行所有微任务（执行过程中可能产生新的微任务，会加入队列并继续执行，直到队列为空）。执行宏任务队列（MacroTaskQueue）中的一个任务（如setTimeout、setInterval），然后重复步骤2（执行完一个宏任务后立即处理所有微任务）。宏任务与微任务的区别：执行时机：微任务在当前事件循环的同步代码后、下一个宏任务前执行；宏任务在微任务之后执行。队列数量：微任务通常只有一个队列（如Promise.then），宏任务可能有多个队列（如I/O、setTimeout、setInterval等）。常见类型：微任务：Promise.then/catch/finally、MutationObserver、queueMicrotask()。宏任务：setTimeout、setInterval、setImmediate（Node.js）、I/O操作、UI渲染（浏览器）。2.请说明JavaScript原型链的作用及查找规则，并举例说明如何通过原型链实现继承。答案：原型链的作用：实现对象之间的属性和方法共享，是JavaScript实现继承的核心机制。每个对象（除null外）都有一个原型（[[Prototype]]），指向另一个对象。当访问对象的属性/方法时，若对象自身不存在，则沿原型链向上查找，直到找到或到达Ototype（其原型为null）。查找规则：访问p时，先检查obj自身是否有prop（通过Object.hasOwnProperty(prop)判断）。若没有，查找obj.[[Prototype]]（即obj的原型对象）。递归此过程，直到找到prop或原型为null（返回undefined）。继承示例：```javascript//父构造函数functionAnimal(name){=name;}Atotype.speak=function(){console.log(`${}makesanoise.`);};//子构造函数functionDog(name){Animal.call(this,name);//继承实例属性}//继承原型方法：设置Dog的原型为Animal的实例Dtotype=Object.create(Atotype);Dtotype.constructor=Dog;//修正constructor指向//重写或添加方法Dtotype.speak=function(){console.log(`${}barks.`);};constdog=newDog('Buddy');dog.speak();//输出：Buddybarks.（调用Dog原型的方法）```此例中，dog对象的原型链为：dog→Dtotype→Atotype→Ototype→null。通过原型链，dog可以访问Atotype的speak方法（若未重写）。3.请解释闭包的定义、形成条件及实际应用场景，并举例说明闭包的潜在问题。答案：闭包定义：闭包是函数与其词法环境的组合，允许函数访问其定义时所在作用域的变量，即使该函数在原作用域之外执行。形成条件：函数嵌套：内部函数定义在外部函数内部。内部函数引用了外部函数的变量/参数。内部函数被外部持有（如返回或传递给其他函数）。实际应用场景：数据封装：保护私有变量（如模块模式）。函数工厂：返回特定配置的函数（如计数器、事件处理器）。延迟执行：保留变量状态（如setTimeout中的回调）。示例：```javascript//计数器闭包functioncreateCounter(){letcount=0;//私有变量return{increment:()=>count++,getCount:()=>count};}constcounter=createCounter();counter.increment();console.log(counter.getCount());//输出1```潜在问题：内存泄漏：闭包会持续持有外部作用域的变量，若未正确释放（如长期存在的回调），可能导致内存无法被垃圾回收。变量污染：多个闭包共享同一外部变量时，可能因闭包执行时机不同导致意外结果（如循环中使用var声明变量时的经典问题）。示例（变量污染问题）：```javascript//错误示例：循环中使用var声明ifor(vari=0;i<3;i++){setTimeout(()=>console.log(i),100);//输出333（所有闭包共享同一个i）}//正确示例：使用let声明i（块级作用域）或立即执行函数隔离作用域for(leti=0;i<3;i++){setTimeout(()=>console.log(i),100);//输出012（每个闭包有独立的i）}```四、编程题（每题17.5分，共35分）1.请实现一个数组扁平化函数`flattenArray`，要求：输入为任意嵌套的数组（可能包含非数组元素）支持指定展开深度（默认深度为1）输出为扁平化后的新数组（不修改原数组）示例：`flattenArray([1,[2,[3,4],5],6],2)`应输出`[1,2,3,4,5,6]`答案：```javascriptfunctionflattenArray(arr,depth=1){//避免修改原数组，使用展开运算符创建副本returnarr.reduce((acc,current)=>{//检查当前元素是否是数组且深度未耗尽if(Array.isArray(current)&&depth>0){//递归展开，深度减1returnacc.concat(flattenArray(current,depth1));}else{//非数组元素或深度已耗尽，直接加入结果acc.push(current);returnacc;}},[]);}```解析：使用reduce遍历数组，对每个元素判断是否为数组且剩余深度>0。若是，递归调用flattenArray（深度减1）并将结果合并到累加器；否则直接加入累加器。初始累加器为空数组，确保返回新数组。2.请编写一个通用的事件监听器函数`on`，要求：支持为DOM元素添加事件监听（包括事件委托）支持多次绑定同一事件（不覆盖之前的监听器）支持通过返回`false`阻止默认行为（类似传统事件处理）提供对应的移除监听器函数`off`答案：```javascript//存储事件监听信息的Map，结构：element→{eventType:[listeners]}consteventMap=newMap();functionon(element,eventType,selector,handler){//处理可选参数：若selector不存在，说明是直接绑定（非委托）if(typeofselector==='function'){handler=selector;selector=null;}//初始化eventMap中的存储结构if(!eventMap.has(element)){eventMap.set(element,newMap());}consttypeMap=eventMap.get(element);if(!typeMap.has(eventType)){typeMap.set(eventType,[]);}constlisteners=typeMap.get(eventType);//包装实际的事件处理函数constwrappedHandler=function(e){//事件委托逻辑：若有selector，检查目标元素是否匹配if(selector){lettarget=e.target;//向上查找匹配selector的元素while(target&&target!==element){if(target.matches(selector)){//将匹配的元素作为this绑定returnhandler.call(target,e);}target=target.parentNode;}return;//未匹配到则不执行}//直接绑定逻辑：this指向elementconstresult=handler.call(element,e);//若返回false，阻止默认行为和冒泡if(result===false){e.preventDefault();e.stopPropagation();}};//存储原始handler和包装后的handler的映射（用于off移除）listeners.push({original:handler,wrapped:wr