JavaScript面试题、JS面试题必问

在JavaScript面试中，面试官通常会考察候选人对语言基础的理解以及解决实际问题的能力。本文将提供一些常见的JavaScript面试题及其解决方案，帮助你在面试中脱颖而出。

解决方案概述

为了更好地准备面试，我们需要掌握以下几个方面的知识：
1. 基础知识：包括变量声明、数据类型、函数、数组和对象等。
2. 高级特性：如闭包、原型链、异步编程等。
3. 实际问题解决：通过编写代码解决具体问题，展示你的编程能力。

基础知识

变量声明

在JavaScript中，有多种方式声明变量，包括var、let和const。了解它们的区别是面试中的常见问题。

javascript
// var
var a = 1;
if (true) {
  var a = 2;
}
console.log(a); // 输出 2</p>

<p>// let
let b = 1;
if (true) {
  let b = 2;
}
console.log(b); // 输出 1</p>

<p>// const
const c = 1;
// c = 2; // 报错，常量不能重新赋值

数据类型

JavaScript中有多种数据类型，包括基本类型（如number、string、boolean、null、undefined）和引用类型（如object、array、function）。

javascript
let num = 42; // number
let str = "Hello"; // string
let bool = true; // boolean
let n = null; // null
let u = undefined; // undefined
let obj = { name: "John" }; // object
let arr = [1, 2, 3]; // array
let func = function() {}; // function


高级特性

闭包

闭包是JavaScript中的一个重要概念，它允许一个函数访问其外部作用域的变量。

javascript
function createCounter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}</p>

<p>const counter = createCounter();
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2

原型链

理解原型链对于深入理解JavaScript的对象继承机制非常重要。

javascript
function Person(name) {
  this.name = name;
}</p>

<p>Person.prototype.sayHello = function() {
  console.log(<code>Hello, my name is ${this.name});
};
const person1 = new Person("Alice");person1.sayHello(); // 输出 "Hello, my name is Alice"

实际问题解决

数组去重

数组去重是面试中常见的问题，可以通过多种方法实现。

方法一：使用Set

javascript
function unique(arr) {
  return [...new Set(arr)];
}</p>

<p>const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(unique(arr)); // 输出 [1, 2, 3, 4, 5]

方法二：使用filter

javascript
function unique(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}</p>

<p>const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(unique(arr)); // 输出 [1, 2, 3, 4, 5]

深拷贝

深拷贝是另一个常见的面试问题，可以使用递归或JSON方法实现。

方法一：递归

javascript
function deepClone(obj, hash = new WeakMap()) {
  if (obj instanceof RegExp) return new RegExp(obj);
  if (obj instanceof Date) return new Date(obj);
  if (obj === null || typeof obj !== 'object') return obj;
  if (hash.has(obj)) return hash.get(obj);</p>

<p>let t = new obj.constructor();
  hash.set(obj, t);
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      t[key] = deepClone(obj[key], hash);
    }
  }
  return t;
}</p>

<p>const obj = { a: 1, b: { c: 2 } };
const clonedObj = deepClone(obj);
console.log(clonedObj); // 输出 { a: 1, b: { c: 2 } }

方法二：JSON

javascript
function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}</p>

<p>const obj = { a: 1, b: { c: 2 } };
const clonedObj = deepClone(obj);
console.log(clonedObj); // 输出 { a: 1, b: { c: 2 } }

通过以上内容的准备，相信你可以在JavaScript面试中更加自信地应对各种问题。祝你面试成功！