Web前端JS面试必知题目及答案分享

Web前端JS面试必知题目及答案分享考试时间：______分钟总分：______分姓名：______1.在JavaScript中，typeofnull的返回值是？A.'object'B.'undefined'C.'number'D.'null'2.下列关于var、let、const的说法，错误的是？A.let和const声明的变量存在暂时性死区B.var声明的变量存在变量提升C.const声明的是常量，一旦赋值不可改变D.let声明的变量可以重新赋值3.以下代码的输出结果是：console.log(typeof[]);console.log(typeofnull);console.log(typeof{});A.object,object,objectB.object,object,objectC.object,object,objectD.object,object,object4.关于闭包，下列描述正确的是？A.闭包是指有权访问另一个函数作用域中变量的函数B.闭包会导致内存泄漏C.闭包只能读取外部函数的局部变量D.闭包在函数执行结束后依然存在5.以下代码的输出结果是：console.log(1);setTimeout(()=>console.log(2),0);Promise.resolve().then(()=>console.log(3));console.log(4);A.1234B.1342C.1432D.14236.关于原型链，下列说法正确的是？A.每个对象都有`__proto__`属性B.每个函数都有`prototype`属性C.原型链的终点是`Ototype`D.`null`没有原型链7.箭头函数的特点不包括？A.没有自己的`this`B.没有参数列表C.不能用作构造函数D.没有原型8.下列哪些是JavaScript的基本数据类型？A.StringB.NumberC.BooleanD.Object9.以下代码的输出结果是：console.log(typeofNaN);console.log(NaN==NaN);A.number,trueB.number,falseC.undefined,trueD.undefined,false10.关于深拷贝，下列哪些方式可以实现？A.JSON.parse(JSON.stringify(obj))B.递归遍历对象C.使用Lodash的_.cloneDeepD.Object.assign({},obj)11.关于`this`的指向，下列描述正确的是？A.在全局作用域中，`this`指向`undefined`（严格模式）B.在普通函数中，`this`总是指向调用者C.在构造函数中，`this`指向实例对象D.在箭头函数中，`this`继承自外层作用域12.下列哪些是ES6新增的特性？A.ClassB.ArrowFunctionC.TemplateStringD.Var13.以下代码的输出结果是：leta=10;letb=20;letc=a+b;letd='30';console.log(c+d);A.30B.3030C.40D.403014.关于Promise，下列说法正确的是？A.Promise有三种状态：Pending,Fulfilled,RejectedB.Promise状态一旦改变，就不会再变C.Promise是同步执行代码的D.Promise.all可以并行执行多个异步任务15.以下代码的输出结果是：console.log('start');asyncfunctiontest(){console.log('asyncstart');awaitconsole.log('await');console.log('asyncend');}test();console.log('end');A.startasyncstartawaitasyncendendB.startasyncstartawaitendendasyncendC.startasyncstartendawaitasyncendD.startasyncstartendendawait16.下列哪些方法可以改变`this`的指向？A.Ftotype.callB.Ftotype.applyC.Ftotype.bindD.Ototype.bind17.关于`Map`和`Object`，下列说法正确的是？A.Object的键只能是字符串B.Map的键可以是任意类型C.Map的遍历顺序是插入顺序D.Object更适合存储键值对18.下列哪些是JavaScript中的错误处理方式？A.try...catchB.throwC.ErrorD.console.log19.实现防抖函数的核心思路是？A.每次触发事件都执行B.在事件触发后延迟执行，如果在延迟期间再次触发，则重新计时C.使用setTimeoutD.使用setInterval20.下列关于字符串方法`slice`,`substring`,`splice`的描述，正确的是？A.slice和substring都可以接受负数索引B.slice是截取，splice是删除/插入/替换C.slice和substring都不会改变原数组D.splice不会改变原数组21.请简述什么是闭包，并写出它的两个主要应用场景。22.请简述JavaScript事件循环机制，并说明宏任务和微任务的执行顺序。23.请手写一个深拷贝函数，要求能够处理循环引用的情况。24.请解释`const`声明的对象为什么可以通过修改属性值来改变内容，以及如何实现对象的完全冻结。25.请写出如何使用`Proxy`实现对象属性的读取拦截。试卷答案1.A解析：`typeofnull`返回`'object'`是JavaScript语言中的一个历史Bug。在JavaScript的底层实现中，`null`的类型代码是000（对应object），因此结果为`'object'`。2.C解析：选项C错误。`const`声明的是一个常量，其变量名一旦绑定就不能重新赋值。但是，如果`const`声明的是一个对象，该对象的引用地址（内存地址）不可改变，但对象内部的属性值可以被修改。3.A解析：在JavaScript中，数组、对象和`null`在底层实现上都使用类型代码000，因此`typeof[]`、`typeofnull`和`typeof{}`都会返回`'object'`。4.A解析：闭包是指有权访问另一个函数作用域中变量的函数。这是闭包的标准定义。闭包虽然强大，但也可能导致内存泄漏，且不仅能读取外部变量，还能实现函数私有化等。5.B解析：执行顺序为：同步代码执行->微任务队列->宏任务队列。1.打印`1`（同步）2.注册`setTimeout`回调（宏任务）3.注册`Promise.then`回调（微任务）4.打印`4`（同步）5.执行微任务队列：打印`3`6.执行宏任务队列：打印`2`结果为：1342。6.A,B,C解析：*A正确：所有对象都有`__proto__`属性（除了null）。*B正确：函数是对象，因此拥有`prototype`属性。*C正确：`Ototype`是原型链的终点，其`__proto__`为`null`。*D错误：`null`确实没有原型链（它的`__proto__`是`undefined`）。7.B解析：箭头函数没有自己的`this`（B正确），没有自己的`arguments`对象（选项未涉及），不能用作构造函数（C正确），没有`prototype`（D正确）。箭头函数完全可以有参数列表，例如`()=>{}`或`(x)=>x`，因此B是错误的。8.A,B,C解析：JavaScript的基本数据类型包括String、Number、Boolean、Undefined、Null和Symbol。Object是引用数据类型。9.B解析：`typeofNaN`的结果是`'number'`。`NaN==NaN`的结果是`false`，因为NaN在JavaScript中表示“非数值”，它不等于任何值，包括它自己。10.A,B,C解析：*A正确：JSON.parse(JSON.stringify(obj))是常用的深拷贝方法，但有局限性（无法处理函数、undefined、循环引用）。*B正确：递归遍历对象是深拷贝的标准实现思路。*C正确：Lodash的`_.cloneDeep`是成熟的深拷贝库函数。*D错误：`Object.assign`或展开运算符`{...obj}`实现的是浅拷贝。11.A,C,D解析：*A正确：在严格模式下，全局作用域的`this`是`undefined`。*B错误：在普通函数中，`this`的指向取决于调用方式，而不是调用者（除非是严格模式下的严格函数调用）。*C正确：在构造函数中，`this`指向正在创建的实例对象。*D正确：箭头函数没有自己的`this`，它继承自外层作用域的`this`。12.A,B,C解析：ES6新增的特性包括Class（类）、ArrowFunction（箭头函数）、TemplateString（模板字符串）、Promise、Map、Set等。`var`是ES5（甚至更早）存在的关键字。13.D解析：`a+b`计算结果为`30`（Number类型）。`d`是`'30'`（String类型）。当数字和字符串相加时，会进行类型转换，数字`30`转换为字符串`'30'`，最终结果为字符串`'3030'`。14.A,B,D解析：*A正确：Promise有三种状态：Pending（进行中）、Fulfilled（已成功）和Rejected（已失败）。*B正确：Promise的状态一旦改变，就不可逆。*C错误：Promise是异步操作。*D正确：`Promise.all`可以并行执行多个异步任务。15.A解析：1.打印`start`2.调用`test`函数，打印`asyncstart`3.`test`函数内部，`await`之前的代码执行完毕，`await`后面跟着的是`console.log('await')`，这个打印是同步执行的，所以打印`await`4.`await`后面的代码在微任务中执行，打印`asyncend`5.函数`test`执行完毕，执行函数外的代码，打印`end`顺序为：start,asyncstart,await,asyncend,end。16.A,B,C解析：`Ftotype.call`、`Ftotype.apply`和`Ftotype.bind`都可以改变函数执行时的`this`指向。`Ototype.bind`是错误的，因为`bind`是函数的方法。17.A,B,C解析：*A正确：Object的键只能是String或Symbol。*B正确：Map的键可以是任意类型（包括对象）。*C正确：Map的遍历顺序是插入顺序。*D错误：Object也可以存储键值对，Map的主要优势在于键的类型和API的完善性。18.A,B,C解析：错误处理方式包括`try...catch`捕获异常、`throw`抛出错误、`Error`构造函数创建错误对象。`console.log`是打印日志，不是错误处理机制。19.B解析：防抖的核心思想是：在事件被触发一段时间后才执行，如果在这段时间内又触发了事件，则重新计时。如果只是每次都执行（A）或单纯使用定时器（C、D），那是节流或立即执行函数的定义，而非防抖。20.B,C解析：*B正确：`slice`是截取字符串或数组的一部分并返回新值；`splice`是对数组进行插入、删除或替换操作。*C正确：`slice`和`substring`不会改变原数组；`splice`会改变原数组。*A错误：`slice`和`substring`对负数索引的处理不同，但`slice`接受负数（从末尾开始），`substring`会将负数转为0，但它们都能接受负数参数（虽然处理逻辑不同）。*D错误：`splice`会改变原数组。21.闭包定义及场景解析：*定义：闭包是指有权访问另一个函数作用域中的变量的函数。通常是在一个函数内部创建另一个函数。*场景：1.模块模式：利用闭包封装私有变量和方法，避免全局变量污染。2.数据私有化：保护变量不被外部直接修改。3.函数防抖与节流：利用闭包保存上一次执行的时间或状态。22.事件循环机制及宏微任务解析：*机制：JavaScript是单线程语言。执行顺序遵循：执行栈（同步任务）->微任务队列->宏任务队列。*宏任务：setTimeout,setInterval,setImmediate,I/O,UIRendering。*微任务：Promise.