在前端面试中，稳住基本功：初探JS基础知识

2024-01-29 21:27:34

初出茅庐的前端工程师，难免要经历面试的考验。JavaScript作为前端开发的基础，自然也是面试中必不可少的环节。那么，如何才能在面试中稳住基本功，顺利通过JS基础知识的考验呢？本文将带大家初探JS基础知识，并附上面试题示例，帮助大家在面试中游刃有余。

变量类型

JavaScript中主要有六种基本数据类型：

字符串（string）
数值（number）
布尔值（boolean）
对象（object）
undefined
null

变量类型决定了变量可以存储的数据类型，在使用变量之前，需要先声明其类型。例如：

let name = "John Doe"; // 字符串
let age = 30; // 数值
let isMarried = true; // 布尔值

深拷贝

深拷贝是指将一个对象的所有属性和值复制到另一个对象中，而不影响原对象。JavaScript中，可以通过Object.assign()方法实现深拷贝。例如：

const obj1 = {
  name: "John Doe",
  age: 30,
  isMarried: true
};

const obj2 = Object.assign({}, obj1);

obj2.name = "Jane Doe";

console.log(obj1); // { name: "John Doe", age: 30, isMarried: true }
console.log(obj2); // { name: "Jane Doe", age: 30, isMarried: true }

类型转换

类型转换是指将一种数据类型转换为另一种数据类型。JavaScript中，可以通过以下方式进行类型转换：

使用Number()方法将字符串转换为数字
使用String()方法将数字转换为字符串
使用Boolean()方法将数字或字符串转换为布尔值

例如：

const num1 = "10";
const num2 = Number(num1);

console.log(typeof num1); // string
console.log(typeof num2); // number

const str1 = 10;
const str2 = String(str1);

console.log(typeof str1); // number
console.log(typeof str2); // string

const bool1 = "true";
const bool2 = Boolean(bool1);

console.log(typeof bool1); // string
console.log(typeof bool2); // boolean