JS基础面试题及答案.docxVIP

JS基础面试题及答案

1.JS数据类型有哪些？怎么判断具体类型？

答案：

分两大类：

基本类型（7种）：String、Number、Boolean、Undefined、Null、Symbol、BigInt

引用类型：Object（包括Array、Function、Date、RegExp等）

判断方法：

typeof：适合判断基本类型（除了Null，typeofnull会返回object，这是历史bug），判断引用类型时除了Function返回function，其他都返回object。

例：typeofabc→string，typeof[1,2]→object

instanceof：适合判断引用类型，原理是检查原型链上是否有该构造函数的prototype。

例：[1,2]instanceofArray→true，{}instanceofObject→true

Object.prototype.toString.call()：最精准的方法，能返回[object类型]格式，支持所有类型。

例：Object.prototype.toString.call(null)→[objectNull]，Object.prototype.toString.call(Symbol())→[objectSymbol]

2.变量提升和函数提升有什么区别？举个例子说明

答案：

两者都是JS预编译阶段的行为，会把声明“提前”到作用域顶部，但规则不同：

变量提升：只提升var声明的变量名，不提升赋值；let/const没有变量提升（有暂时性死区）。

函数提升：function声明的函数，会把“函数名+函数体”一起提升；函数表达式（如varfn=function(){}）只提升变量名，不提升函数体。

例子：

//变量提升案例

console.log(a);//undefined（只提升声明，没提升赋值）

vara=10;

//函数提升案例

fn1();//能执行（函数体一起提升）

functionfn1(){console.log(fn1);}

fn2();//报错（只提升变量名，fn2此时是undefined）

varfn2=function(){console.log(fn2);}

3.this指向有哪些场景？分别怎么确定？

答案：

this指向不是定义时决定的，是调用时决定的，常见场景：

普通函数调用：this指向全局对象（浏览器是window，Node是global），严格模式下指向undefined。

例：functionfn(){console.log(this);}fn();//window（非严格模式）

对象方法调用：this指向调用方法的对象。

例：constobj={name:a,fn(){console.log(this.name);}};obj.fn();//a

构造函数调用（new）：this指向新创建的实例对象。

例：functionPerson(name){this.name=name;}constp=newPerson(b);console.log(p.name);//b

箭头函数：没有自己的this，继承外层作用域的this（一旦确定就不会变）。

例：constobj={fn:()={console.log(this);}};obj.fn();//window（继承全局this）

call/apply/bind：直接改变this指向，第一个参数就是新的this值。

例：functionfn(){console.log(this.name);}constobj={name:c};fn.call(obj);//c

4.什么是闭包？实际开发中怎么用？有什么问题要注意？

答案：

定义：函数嵌套时，内层函数引用了外层函数的变量/参数，且内层函数被外层函数以外的地方调用，这时就形成闭包（外层函数的作用域不会被销毁）。

实际用途：

保存变量状态：比如循环中保存索引（避免经典的var循环问题）。

例：

for(vari=0;i3;i++){

(function(j){//闭包保存j的值

setTimeout(()=console.log(j),1000);

})(i);

}

//输出：0、1、2（如果不用闭包会输出3次3）

实现私有变量：比如模块封装，隐藏内部变量，只暴露方法。

例：

functioncreate