2026年前端常见js基础面试题及答案

2026年前端常见js基础面试题及答案考试时长：120分钟满分：100分一、单选题（总共10题，每题2分，总分20分）1.下列哪个选项不是JavaScript的基本数据类型？A.StringB.NumberC.BooleanD.Array2.在JavaScript中，如何声明一个常量？A.varconstName=value;B.letconstName=value;C.constconstName=value;D.以上都可以3.以下哪个方法用于向数组末尾添加一个或多个元素？A.push()B.pop()C.shift()D.unshift()4.以下哪个运算符用于判断两个值是否相等（严格相等）？A.==B.===C.!=D.!==5.在JavaScript中，以下哪个方法用于去除字符串两端的空白字符？A.trim()B.toUpperCase()C.split()D.replace()6.以下哪个选项是JavaScript中的原始类型？A.ObjectB.ArrayC.FunctionD.null7.以下哪个方法用于将JSON字符串转换为JavaScript对象？A.JSON.parse()B.JSON.stringify()C.JSON.convert()D.以上都不是8.在JavaScript中，以下哪个关键字用于定义一个函数？A.functionB.defC.funcD.void9.以下哪个方法用于遍历数组中的每个元素？A.forEach()B.map()C.filter()D.reduce()10.以下哪个选项是JavaScript中的错误处理机制？A.try...catchB.if...elseC.for...loopD.while...loop二、填空题（总共10题，每题2分，总分20分）1.在JavaScript中，用于声明变量的关键字包括________、________和________。2.数组在JavaScript中是一种________数据结构，可以通过________和________来访问元素。3.严格相等运算符（________）用于判断两个值是否完全相等，包括类型和值。4.在JavaScript中，使用________方法可以将一个数组转换为字符串。5.作用域链（________）是JavaScript中用于查找变量的机制，它决定了变量的可见性。6.事件监听器（________）用于在元素上绑定事件处理函数，以便在事件发生时执行特定操作。7.在JavaScript中，使用________方法可以将一个对象转换为JSON字符串。8.闭包（________）是一种特殊的JavaScript功能，允许函数访问其外部作用域的变量。9.递归（________）是一种编程技巧，函数通过调用自身来解决问题。10.在JavaScript中，使用________关键字可以声明一个不可修改的常量。三、判断题（总共10题，每题2分，总分20分）1.JavaScript中的变量声明必须指定类型。（×）2.以下代码是正确的：`leta=5;a="hello";`（√）3.数组在JavaScript中是动态的，可以随时改变长度。（√）4.`==`运算符会进行类型转换，而`===`不会。（√）5.字符串在JavaScript中是不可变的。（√）6.`JSON.stringify()`用于将JavaScript对象转换为JSON字符串。（√）7.函数在JavaScript中也是对象的一种类型。（√）8.作用域链是从全局作用域开始，逐层向内查找变量的。（√）9.事件监听器只能绑定一次，不能多次绑定。（×）10.闭包会导致内存泄漏，应尽量避免使用。（×）四、简答题（总共4题，每题4分，总分16分）1.简述JavaScript中的作用域和闭包的概念及其区别。2.解释JavaScript中的原型链（prototypechain）及其作用。3.描述JavaScript中异步编程的两种主要方式（回调函数和Promise）及其优缺点。4.解释JavaScript中的事件冒泡（eventbubbling）机制及其应用场景。五、应用题（总共4题，每题6分，总分24分）1.编写一个JavaScript函数，接受一个数组作为参数，返回该数组中所有奇数的总和。2.编写一个JavaScript代码片段，实现以下功能：-定义一个对象`person`，包含属性`name`和`age`。-为该对象添加一个方法`introduce`，该方法输出`Hello,mynameis[name]andIam[age]yearsold.`。-调用`introduce`方法并输出结果。3.编写一个JavaScript代码片段，实现以下功能：-创建一个按钮，当点击按钮时，弹出一个提示框显示`Hello,youclickedthebutton!`。-使用事件监听器绑定点击事件。4.编写一个JavaScript代码片段，使用`JSON.stringify()`将以下对象转换为JSON字符串，并输出结果：```javascriptconstperson={name:"Alice",age:30,hobbies:["reading","traveling"]};```【标准答案及解析】一、单选题1.D解析：Array是JavaScript中的对象类型，不是基本数据类型。2.D解析：JavaScript中可以使用var、let或const声明常量。3.A解析：push()用于向数组末尾添加元素。4.B解析：===表示严格相等，包括类型和值。5.A解析：trim()用于去除字符串两端的空白字符。6.D解析：null是JavaScript中的原始类型，其他选项都是对象类型。7.A解析：JSON.parse()用于将JSON字符串转换为JavaScript对象。8.A解析：function是JavaScript中定义函数的关键字。9.A解析：forEach()用于遍历数组中的每个元素。10.A解析：try...catch是JavaScript中的错误处理机制。二、填空题1.var、let、const解析：JavaScript中可以使用var、let和const声明变量。2.可变长度、索引、下标解析：数组是可变长度的，通过索引或下标访问元素。3.===解析：严格相等运算符用于判断两个值是否完全相等。4.join()解析：join()方法将数组转换为字符串。5.作用域链解析：作用域链用于查找变量，从局部作用域逐层向全局作用域查找。6.addEventListener()解析：addEventListener()用于绑定事件处理函数。7.JSON.stringify()解析：JSON.stringify()将对象转换为JSON字符串。8.闭包解析：闭包是函数访问外部作用域变量的机制。9.递归解析：递归是函数调用自身解决问题的技巧。10.const解析：const关键字用于声明不可修改的常量。三、判断题1.×解析：JavaScript中的变量声明不需要指定类型。2.√解析：let声明的变量可以重新赋值，所以可以赋值为不同类型。3.√解析：数组是动态的，可以随时改变长度。4.√解析：==会进行类型转换，===不会。5.√解析：字符串在JavaScript中是不可变的。6.√解析：JSON.stringify()将对象转换为JSON字符串。7.√解析：函数在JavaScript中也是对象的一种类型。8.√解析：作用域链从全局作用域开始，逐层向内查找变量。9.×解析：事件监听器可以多次绑定。10.×解析：闭包不会导致内存泄漏，合理使用不会造成问题。四、简答题1.作用域和闭包的概念及其区别：-作用域（Scope）是指变量或函数的可访问范围，JavaScript中有全局作用域和局部作用域。-闭包（Closure）是一种特殊的JavaScript功能，允许函数访问其外部作用域的变量，即使外部作用域已经结束。区别：作用域是变量或函数的可访问范围，而闭包是函数访问外部作用域变量的机制。2.原型链（prototypechain）及其作用：-原型链是JavaScript中对象的一种机制，每个对象都有一个`__proto__`属性，指向其原型对象。-原型链的作用是允许对象继承其他对象的属性和方法。当访问一个对象的属性时，如果该对象没有该属性，JavaScript会沿着原型链查找。3.异步编程的两种主要方式及其优缺点：-回调函数（CallbackFunction）：优点：简单易用，适用于简单异步操作。缺点：容易导致代码嵌套过深（回调地狱），难以维护。-Promise：优点：可以链式调用，避免回调地狱，提供更清晰的异步处理方式。缺点：相对复杂，需要理解Promise的状态（pending、fulfilled、rejected）。4.事件冒泡（EventBubbling）机制及其应用场景：-事件冒泡是指事件从最内层的元素开始触发，逐层向上传递到父元素。-应用场景：可以减少事件监听器的数量，提高性能。例如，在父元素上绑定一个通用的事件监听器，可以处理所有子元素的事件。五、应用题1.返回数组中所有奇数的总和：```javascriptfunctionsumOdds(arr){returnarr.reduce((sum,num)=>{returnnum%2!==0?sum+num:sum;},0);}console.log(sumOdds([1,2,3,4,5]));//输出：9```2.定义对象并添加方法：```javascriptconstperson={name:"Alice",age:30,introduce:function(){console.log(`Hello,mynameis${}andIam${this.age}yearsold.`);}};roduce();//输出：Hello,mynameisAliceandIam30yearsold.```3.创建按钮并绑定点击事件：```javascriptconstbutton=document.createElement("button");button.textContent="ClickMe";button.addEventListener("click",function(){alert("Hello,youclickedthebutton!");});document.body.appendChild(button);