js开发面试题及答案

掌握核心要点，轻松应对面试

在js开发的面试中，常常会遇到各种类型的题目，以下为你详细介绍一些常见的面试题及答案。

基础语法类

问题：请解释一下var、let和const的区别。答案：var是es5中声明变量的方式，存在变量提升，作用域是函数作用域。let和const是es6新增的声明方式，不存在变量提升，作用域是块级作用域。let声明的变量可以重新赋值，而const声明的常量一旦赋值就不能再重新赋值，但如果是引用类型，其内部属性可以修改。例如：

javascript

var a = 10;

function test() {

let b = 20;

const c = 30;

// b = 40; 可以修改

// c = 50; 报错，不能修改

}

数据类型类

问题：如何判断一个变量是数组类型？答案：可以使用array.isarray()方法，这是es5新增的方法，专门用于判断一个值是否为数组。示例代码如下：

javascript

let arr = [1, 2, 3];

console.log(array.isarray(arr)); // true

还可以使用object.prototype.tostring.call()方法，它可以准确判断各种数据类型。代码如下：

javascript

let arr = [1, 2, 3];

console.log(object.prototype.tostring.call(arr) === '[object array]'); // true

函数与作用域类

问题：什么是闭包？答案：闭包是指有权访问另一个函数作用域中的变量的函数。简单来说，就是一个函数内部定义的函数可以访问外部函数的变量。例如：

javascript

function outer() {

let num = 10;

function inner() {

console.log(num);

}

return inner;

}

let fn = outer();

fn(); // 输出10

在这个例子中，inner函数就是一个闭包，它可以访问outer函数中的num变量。

异步编程类

问题：请简要介绍一下promise。答案：promise是es6中引入的一种异步编程的解决方案，用于处理异步操作。它有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。promise一旦状态改变，就不会再变。示例代码如下：

javascript

let promise = new promise((resolve, reject) => {

settimeout(() => {

if (math.random() > 0.5) {

resolve('成功');

} else {

reject('失败');

}

}, 1000);

});

promise.then((res) => {

console.log(res);

}).catch((err) => {

console.log(err);

});

dom操作类

问题：如何获取一个元素的文本内容？答案：可以使用element.textcontent属性，它会返回元素及其后代元素的文本内容。例如：

javascript

let div = document.getelementbyid('mydiv');

console.log(div.textcontent); // 输出：这是一段文本

也可以使用element.innertext属性，但它会受css样式的影响，可能不会返回准确的文本内容。