2024年最全没有js金刚钻 怎么,一步一步，一步斩获大厂offer，2024年最新面试宝典

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一、数据类型

---

1. JavaScript有哪些数据类型，它们的区别？

JavaScript共有八种数据类型，分别是 Number、String、Boolean、Undefined、Null、Object、Symbol、BigInt。

其中 Symbol 和 是ES6 中新增的数据类型：BigInt 是es10新增

• Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。

• BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。

这些数据可以分为原始数据类型和引用数据类型：

• 栈：原始数据类型（Number、String、Boolean、Undefined、Null , Symbol, BigInt）

• 堆：引用数据类型（对象、数组和函数）

两种类型的区别在于存储位置的不同：

• 原始数据类型直接存储在栈（stack）中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；

• 引用数据类型存储在堆（heap）中的对象，占据空间大、大小不固定。

堆和栈的概念存在于数据结构和操作系统内存中，在数据结构中：

• 在数据结构中，栈中数据的存取方式为先进后出。

• 堆是一个优先队列，是按优先级来进行排序的，优先级可以按照大小来规定。

在操作系统中，内存被分为栈区和堆区：

• 栈区内存由编译器自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。

• 堆区内存一般由开发着分配释放，若开发者不释放，程序结束时可能由垃圾回收机制回收。

2. 数据类型检测的方式有哪些

（1）typeof只能正确判断基本数据类型,其中数组、对象、null都会被判断为object，其他判断都正确。

console.log(typeof 2); // number===》Number

console.log(typeof true); // boolean

console.log(typeof ‘str’); // string

console.log(typeof []); // object

console.log(typeof function(){}); // function

console.log(typeof undefined); // undefined

console.log(typeof null); // object 因为在浏览器中对象存储是000的二进制数，null也是

console.log(typeof {}); // object

（2）instanceof ------------------------- 被检测 instanceof 类型 （空格隔开）

instanceof只能正确判断引用数据类型，判断原型链中能否找到该类型的原型。而不能判断基本数据类型它返回值是布尔值fasle

console.log(2 instanceof Number); // false

console.log(true instanceof Boolean); // false

console.log(‘str’ instanceof String); // false

console.log([] instanceof Array); // true

console.log(function(){} instanceof Function); // true

console.log({} instanceof Object); // true

可以看到，instanceof只能正确判断引用数据类型，而不能判断基本数据类型。instanceof 运算符可以用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。基本数据类型返回布尔值false,因为它是判断判断原型链中能否找到该类型的原型

constructor有两个作用，一是判断数据的类型,用法：(被检测).constructor===类型,

但是它不能创建一个对象来改变它的原型，constructor就不能用来判断数据类型了

每一个对象里都有一个prototype，里面有一个 constructor指针，指向构造函数事例本身

（3） constructor 要加（）不然会以为是小数，所以加（）

console.log((2).constructor === Number); // true

console.log((true).constructor === Boolean); // true

console.log((‘str’).constructor === String); // true

console.log(([]).constructor === Array); // true

console.log((function() {}).constructor === Function); // true

console.log(({}).constructor === Object); // true

实例化对象的变量通过 constrcutor 对象访问它的构造函数。判断实例化对象是不是构造函数的实例化对象，返回一个布尔值

需要注意，如果创建一个对象来改变它的原型或指针，constructor就不能用来判断数据类型了：

//定义构造函数

function Fn(name,age){

this.name=name

this,age=age

};

//将Fn实例化一个变量

var f = new Fn();

//改变原型 对象变成数组

//如果创建一个对象来改变它的原型，constructor就不能用来判断数据类型了

Fn.prototype = new Array();

// false 这里应该是true，f是fn的事例实例对象，但是修改了原型导致constructor判断不正确

console.log(f.constructor===Fn); // false 不能正确判断

console.log(f.constructor===Array); // true

//第二个例子

// 1 Person 构造函数 

function Person(name, age) {

    this.age = age;

    this.name = name;

    this.run = function() {

        console.log('我叫' + this.name + '今年' + this.age + '我跑步可快了');

    }

}

var obj = new Person('张三', '23'); // 实例化对象 // new 创建对象 传参 

// console.log(obj);

// obj.run(); //实例过后才可以调方法和属性

// 2 Person1 构造函数 

function Person1(name, age) {

    this.age = age;

    this.name = name;

}

//1 篡改原型会导致`constructor`不能正确判断

// Person1.prototype = Person.prototype

//     // 再次指回来就可以正确判断

// Person1.prototype.constructor = Person1

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。