JavaScript面试题及答案

2026年JavaScript面试题及答案一、选择题（共5题，每题2分，共10分）1.下列哪个选项是ES6中新增的字符串方法？A.`string.includes()`B.`string.startsWith()`C.`string.endsWith()`D.全部都是答案：D解析：`includes()`、`startsWith()`和`endsWith()`都是ES6新增的字符串方法，用于检查字符串内容。2.在JavaScript中，以下哪个方法用于创建一个新数组，其包含通过提供的函数实现的每个元素的新副本？A.`map()`B.`filter()`C.`reduce()`D.`forEach()`答案：A解析：`map()`方法创建一个新数组，其包含通过提供的函数实现的每个元素的新副本。`filter()`用于过滤数组，`reduce()`用于累加数组，`forEach()`用于遍历数组但不返回新数组。3.以下哪个选项是正确的异步编程方法？A.`Promise`B.`async/await`C.`BothAandB`D.`NeitherAnorB`答案：C解析：`Promise`和`async/await`都是JavaScript中用于处理异步编程的方法。4.在JavaScript中，以下哪个操作符用于判断两个值是否严格相等？A.`==`B.`===`C.`!=`D.`!==`答案：B解析：`===`用于判断两个值是否严格相等（值和类型都相同），`==`是宽松相等，`!=`和`!==`是不等操作符。5.以下哪个选项是ES6中新增的数组方法？A.`find()`B.`findIndex()`C.`some()`D.全部都是答案：D解析：`find()`、`findIndex()`和`some()`都是ES6新增的数组方法，用于查找数组元素。二、填空题（共5题，每题2分，共10分）1._______是JavaScript中用于处理异步操作的原生对象。答案：Promise解析：`Promise`是JavaScript中用于处理异步操作的原生对象，表示一个异步操作的最终完成（或失败）及其结果值。2.在JavaScript中，使用_______关键字可以声明一个异步函数。答案：async解析：`async`关键字用于声明一个异步函数，该函数可以包含`await`表达式。3._______是一个用于存储键值对的对象，其中键和值可以是任何数据类型。答案：Map解析：`Map`对象存储键值对，与普通对象不同，`Map`的键可以是任何数据类型，且键的顺序是插入顺序。4._______是一个用于创建函数的构造函数，可以用于创建闭包。答案：Function解析：`Function`是JavaScript中的构造函数，可以用于创建函数对象，常用于创建闭包。5._______是一个用于处理浏览器历史记录和导航的API。答案：History解析：`History`API允许开发人员读取和修改浏览器的历史记录，实现页面导航功能。三、简答题（共5题，每题4分，共20分）1.简述JavaScript中的闭包是什么，并举例说明其应用场景。答案：闭包是指在一个函数内部定义的函数可以访问该函数外部的变量。即使外部函数已经执行完毕，内部函数仍然可以访问外部函数的变量，这是因为内部函数保持了对外部函数作用域的引用。应用场景：-数据隐藏：通过闭包隐藏内部实现细节，防止外部直接访问内部变量。-创建私有变量：在模块化开发中，可以使用闭包创建私有变量，避免全局污染。-函数柯里化：通过闭包实现函数柯里化，将多参数函数转换为单参数函数的链式调用。2.解释JavaScript中的原型链是什么，并说明其作用。答案：原型链是JavaScript中对象的一种继承机制。每个对象都有一个`__proto__`属性，指向另一个对象（原型对象），这个原型对象也有自己的`__proto__`属性，以此类推，形成一个链条。作用：-实现继承：通过原型链，子对象可以继承父对象的属性和方法。-共享属性和方法：多个对象可以共享原型对象上的属性和方法，节省内存。-查找属性：当访问对象属性时，JavaScript会沿着原型链查找，直到找到该属性或到达原型链末端。3.简述JavaScript中的事件循环机制，并说明其工作原理。答案：事件循环是JavaScript的异步编程模型，用于处理异步操作。其核心是调用栈、任务队列和宏任务/微任务队列。工作原理：-调用栈：存储当前执行的函数。-任务队列：分为宏任务队列（如`setTimeout`、`setInterval`）和微任务队列（如`Promise`、`MutationObserver`）。-事件循环：JavaScript引擎不断检查调用栈是否为空，若为空则从任务队列中取出任务执行。先执行微任务队列中的所有任务，再执行宏任务队列中的任务。4.解释JavaScript中的作用域和闭包的区别，并举例说明。答案：作用域是指变量在代码中的可见范围，分为全局作用域、函数作用域和块级作用域（ES6引入）。闭包是指内部函数对外部函数作用域的引用，即使外部函数已执行完毕，内部函数仍可以访问外部变量。区别：-作用域定义变量的可见范围，而闭包是内部函数对外部作用域的引用。-作用域是静态的，而闭包是动态的，依赖于函数的调用。示例：javascriptvarouter=10;functionouterFunction(){varinner=20;functioninnerFunction(){console.log(outer+inner);//30}returninnerFunction;}varclosure=outerFunction();closure();//输出305.简述JavaScript中的异步编程方法及其优缺点。答案：异步编程方法：-回调函数：最早的方法，简单但容易导致回调地狱。-Promise：解决回调地狱，链式调用更清晰。-async/await：基于Promise的语法糖，代码更接近同步，可读性更好。优缺点：-回调函数：-优点：简单直观。-缺点：容易导致回调地狱，代码嵌套过深。-Promise：-优点：链式调用，避免回调地狱。-缺点：需要手动处理错误。-async/await：-优点：代码接近同步，可读性好，错误处理更方便。-缺点：需要理解Promise基础，对新手可能较难。四、代码题（共5题，每题6分，共30分）1.编写一个函数，接受一个数组和一个回调函数，返回新数组，其中每个元素都是回调函数处理后的结果。javascriptfunctionmapArray(arr,callback){//你的代码}//示例：console.log(mapArray([1,2,3],x=>x2));//[2,4,6]答案：javascriptfunctionmapArray(arr,callback){constresult=[];for(leti=0;i<arr.length;i++){result.push(callback(arr[i]));}returnresult;}//或者使用数组的reduce方法：functionmapArray(arr,callback){returnarr.reduce((acc,current)=>{acc.push(callback(current));returnacc;},[]);}2.编写一个函数，接受一个数组，返回一个新数组，其中包含所有大于0的偶数。javascriptfunctionfilterEvenPositive(arr){//你的代码}//示例：console.log(filterEvenPositive([-1,2,0,3,4]));//[2,4]答案：javascriptfunctionfilterEvenPositive(arr){returnarr.filter(num=>num>0&&num%2===0);}3.编写一个函数，接受一个对象和键数组，返回一个新对象，其中只包含键数组中指定的键及其对应的值。javascriptfunctionpick(obj,keys){//你的代码}//示例：console.log(pick({a:1,b:2,c:3},['a','c']));//{a:1,c:3}答案：javascriptfunctionpick(obj,keys){constresult={};keys.forEach(key=>{if(keyinobj){result[key]=obj[key];}});returnresult;}//或者使用数组的reduce方法：functionpick(obj,keys){returnkeys.reduce((acc,key)=>{if(keyinobj){acc[key]=obj[key];}returnacc;},{});}4.编写一个函数，接受一个字符串，返回该字符串的所有子串，长度至少为2。javascriptfunctionsubstrings(str){//你的代码}//示例：console.log(substrings('abc'));//['ab','bc']答案：javascriptfunctionsubstrings(str){constresult=[];for(leti=0;i<str.length;i++){for(letj=i+1;j<str.length;j++){result.push(str.slice(i,j+1));}}returnresult;}5.编写一个函数，接受一个数字，返回该数字的阶乘。javascriptfunctionfactorial(num){//你的代码}//示例：console.log(factorial(5));//120答案：javascriptfunctionfactorial(num){if(num===0||num===1){return1;}letresult=1;for(leti=2;i<=num;i++){result=i;}returnresult;}//或者使用递归：functionfactorial(num){if(num===0||num===1){return1;}returnnumfactorial(num-1);}五、论述题（共1题，10分）1.结合实际应用场景，论述JavaScript中的异步编程方法及其优缺点，并说明如何选择合适的异步编程方法。答案：JavaScript中的异步编程方法：主要有回调函数、Promise和async/await三种。回调函数：-应用场景：简单的异步操作，如DOM事件处理、文件读取等。-优点：简单直观，易于理解和使用。-缺点：容易导致回调地狱，代码嵌套过深，可读性差，错误处理复杂。-示例：javascriptfs.readFile('file.txt',function(err,data){if(err)throwerr;console.log(data);});Promise：-应用场景：需要链式调用多个异步操作的场景，如网络请求、文件处理等。-优点：避免回调地狱，代码可读性更好，支持链式调用，错误处理更方便。-缺点：需要手动处理错误，对新手可能较难理解。-示例：javascriptfetch('/data').then(response=>response.json()).then(data=>console.log(data)).catch(error=>console.error(error));async/await：-应用场景：复杂的异步操作，需要多个异步操作按顺序执行的场景。-优点：代码接近同步，可读性好，错误处理更方便，易于理解和维护。-缺点：需要理解Promise基础，对新手可能较难理解。-示例：javascriptasyncfunctionfetchData(){try{constresponse=awaitfetch('/data');constdata=awaitresponse.json();console.log(data);}catch(error){con