当前位置：首页 > news >正文

【JS】面试八股文

news 来源：原创 2025/7/19 22:51:24

类型

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

答：JavaScript 共有八种数据类型，分别是 Undefined、 Null、 Boolean、Number、String、Object、Symbol、BigInt。
其中 Symbol是ES6中新增的，BigInt 是 ES2020 中新增的。
Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。
BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了Number 能够表示的安全整数范围。
其中，Object被称为引用数据类型，其他被称为基础数据类型。

引用数据类型和基础数据类型有什么区别？

答：两种类型的区别在于存储位置的不同。
基础数据类型直接存储在栈（stack）中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆（heap）中的对象，占据空间大、大小不固定。如果存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。

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

在数据结构中，栈中数据的存取方式为先进后出。
堆是一个优先队列，是按优先级来进行排序的，优先级可以按照大
小来规定。

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

栈区内存由编译器自动分配释放，存放函数的参数值，局部变量的
值等。其操作方式类似于数据结构中的栈。
堆区内存一般由开发着分配释放，若开发者不释放，程序结束时可
能由垃圾回收机制回收。

为什么会有 BigInt 的提案？

答：JavaScript 中 Number.MAXSAFEINTEGER 表示最大安全数字，计算
结果是 9007199254740991，即在这个数范围内不会出现精度丢失（小数除外）。但是⼀旦超过这个范围，就会出现计算不准确的情况，
这在大数计算的时候不得不依靠⼀些第三方库进⾏解决，因此官方提
出了 BigInt 来解决此问题。

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

答：

typeof：其中数组、对象、null 都会被判断为 object，其他判断都正确。
instanceof：可以正确判断对象的类型，其内部运行机制是判断在其原型链中能否找到该类型的原型。instanceof 只能正确判断引用数据类型，而不能判断基本数据类型。instanceof 运算符可以用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
constructor：有两个作用：一是判断数据的类型，二是对象实例通过constrcutor 对象访问它的构造函数。需要注意，如果创建一个对象来改变它的原型，constructor 就不能用来判断数据类型了。
Object.prototype.toString.call() ：使用 Object 对象的原型方法toString 来判断数据类型。

同样是检测对象 obj 调用 toString 方法obj.toString()的结果和Object.prototype.toString.call(obj) 的结果不一样，这是为什么？

答：这是因为 toString 是 Object 的原型方法，而 Array、 function 等类型作为 Object 的实例，都重写了 toString 方法。不同的对象类型调用 toString 方法时，根据原型链的知识，调用的是对应的重写之后的 toString 方法（function 类型返回内容为函数体的字符串， Array类型返回元素组成的字符串…），而不会去调用 Object 上原型toString 方法（返回对象的具体类型），所以采用 obj.toString()
不能得到其对象类型，只能将 obj 转换为字符串类型；因此，在想要得到对象的具体类型时，应该调用 Object 原型上的 toString 方法。

null 和 undefined 区别

答：首先 Undefined 和 Null 都是基本数据类型，这两个基本数据类型分别都只有一个值，就是 undefined 和 null。

undefined 代表的含义是未定义，null 代表的含义是空对象。一般变量声明了但还没有定义的时候会返回 undefined，null 主要用于赋值给一些可能会返回对象的变量，作为初始化。
undefined 在 JavaScript 中不是一个保留字，这意味着可以使用undefined 来作为一个变量名，但是这样的做法是非常危险的，它会影响对 undefined 值的判断。我们可以通过一些方法获得安全的
undefined 值，比如说 void 0。
当对这两种类型使用 typeof 进行判断时，Null 类型化会返回object，这是一个历史遗留的问题。
当使用双等号对两种类型的值进行比较时会返回 true，使用三个等号时会返回 false。

intanceof 操作符的实现原理及实现

instanceof 运算符用于判断构造函数的 prototype 属性是否出现
在对象的原型链中的任何位置。

如何获取安全的 undefined 值？

答：因为 undefined 是一个标识符，所以可以被当作变量来使用和赋值，但是这样会影响 undefined 的正常判断。表达式 void没有返回值，因此返回结果是 undefined。void 并不改变表达式的结果，
只是让表达式不返回值。因此可以用 void 0 来获得 undefined。

Object.is() 与比较操作符双等号、三等号的区别？

答：使用双等号进行相等判断时，如果两边的类型不一致，则会进行强制类型转化后再进行比较。使用三等号（===）进行相等判断时，如果两边的类型不一致时，不会做强制类型准换，直接返回 false。
使用 Object.is 来进行相等判断时，一般情况下和三等号的判断相同，它处理了一些特殊的情况，比如 -0 和 +0 不再相等，两个 NaN是相等的。

如何判断一个对象是空对象

使用 JSON 自带的.stringify 方法来判断：

if(Json.stringify(Obj) == '{}' ){console.log('空对象');
}

使用 ES6 新增的方法 Object.keys()来判断：

if(Object.keys(Obj).length < 0){console.log('空对象');
}

什么是 JavaScript 中的包装类型？

答：在 JavaScript 中，基本类型是没有属性和方法的，但是为了便于操作基本类型的值，在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象，如：在访问 'abc'.length 时， JavaScript 将 'abc' 在后台转换成String('abc')，然后再访问其 length 属性。这就是包装类型。包装类型可以使用valueof进行开箱，转成基本类型。

对象创建的方式有哪些？

答：一般使用字面量的形式直接创建对象，但是这种创建方式对于创建大量相似对象的时候，会产生大量的重复代码。但 js 和一般的面向对象的语言不同，在 ES6 之前它没有类的概念。但是可以使用函数来进行模拟，从而产生出可复用的对象创建方式，常见的有以下几种：
（1）第一种是工厂模式，工厂模式的主要工作原理是用函数来封装创建对象的细节，从而通过调用函数来达到复用的目的。但是它有一个很大的问题就是创建出来的对象无法和某个类型联系起来，它只是简单的封装了复用代码，而没有建立起对象和类型间的关系。
（2）第二种是构造函数模式。 js 中每一个函数都可以作为构造函数，只要一个函数是通过 new 来调用的，那么就可以把它称为构造函数。执行构造函数首先会创建一个对象，然后将对象的原型指向构造函数的 prototype 属性，然后将执行上下文中的 this 指向这个对象，最后再执行

【JS】面试八股文

类型 JavaScript 有哪些数据类型，它们的区别？答：JavaScript 共有八种数据类型，分别是 Undefined、 Null、 Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol是ES6中新增的，BigInt 是 ES2020 中新增的。 Symbol 代表创建后独一无二且不可变的数据类型，…...

编程日记 2025/7/19 22:51:24

1、正则表达式

grep匹配 grep用来过滤文本内容，以匹配要查询的结果。 grep root /etc/passwd：匹配包含root的行 -m 数字：匹配几次后停止 -v：取反-i：忽略字符的大小写，默认的，可以不加-n&#xff1a…...

编程日记 2025/7/13 23:03:56

带有悬浮窗功能的Android应用

android api29 gradle 8.9 要求布局文件 (floating_window_layout.xml): 增加、删除、关闭按钮默认隐藏。使用“开始”按钮来控制这些按钮的显示和隐藏。服务类 (FloatingWindowService.kt): 实现“开始”按钮的功能，点击时切换增加、删除、关闭按钮的可见性。处…...

编程日记 2025/7/19 8:44:29

uniapp开发微信小程序笔记8-uniapp使用vant框架

前言：其实用uni-app开发微信小程序的首选不应该是vant，因为vant没有专门给uni-app设置专栏，可以看到目前Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。但是我之前维…...

编程日记 2025/7/19 21:06:18

C++软件设计模式之组合模式与其他模式的协作举例

组合模式（Composite Pattern）、装饰器模式（Decorator Pattern）、享元模式（Flyweight Pattern）、迭代器模式（Iterator Pattern）和访问者模式（Visitor Pattern）…...

编程日记 2025/7/15 8:03:37

ArcGIS pro中的回归分析浅析（加更）关于广义线性回归工具的补充内容

在回归分析浅析中篇的文章中， 有人问了一个问题： 案例里的calls数据貌似离散，更符合泊松模型，为啥不采用泊松而采用高斯呢？ 确实，在中篇中写道： 在这个例子中我们为了更好地解释变量&#x…...

编程日记 2025/7/19 22:47:54

mybatis-plus 实现分页查询步骤

MyBatis-Plus 是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。它提供了代码生成器、条件构造器、分页插件等多种功能，其中分页查询是一个常用的功能。以下是如何在 MyBatis-Plus 中实现分页查询…...

编程日记 2025/7/19 22:50:15

Vue开发中常见优化手段总结

Tree Shaking or Trunk 动态引入（Dynamic Imports） 动态引入是指在代码执行过程中，根据需要动态加载模块，而不是在应用启动时一次性加载所有模块。这可以通过JavaScript的import()函数实现，它返回一个Promise对象&…...

编程日记 2025/7/19 22:43:02

IDEA无法创建java8、11项目创建出的pom.xml为空

主要是由于Spring3.X版本不支持JDK8，JDK11，最低支持JDK17 解决的话要不就换成JDK17以上的版本，但是不太现实另外可以参考以下方式解决修改spring初始化服务器地址为阿里云的 https://start.aliyun.com/...

编程日记 2025/7/19 22:28:15

TCP/IP网络编程-C++（上）

TCP/IP网络编程-C （上） 一、基于TCP的服务端/客户端1、server端代码2、client端代码3、socket() 函数3.1、函数原型3.2、参数解析3.2.1、协议族（domain参数）3.2.2、套接字类型（type参数）3.2.3、最终使用的协…...

编程日记 2025/7/19 14:28:02

在线绘制Nature Communication同款双色、四色火山图，突出感兴趣的基因

导读：火山图通常使用三种颜色分别表示显著上调，显著下调和不显著。通过为特定的数据点添加另一种颜色，可以创建双色或四色火山图，从而更直观地突出感兴趣的数据点。《Nature Communication》文章“Molecular and functional land…...

编程日记 2025/7/19 22:49:00

ctfshow pwn wp

文章目录 Test_your_ncpwn-0pwn1pwn2pwn3pwn4 前置基础pwn5pwn6pwn7pwn8pwn9pwn10pwn11pwn12pwn13：gcc编译执行C语言代码pwn14：gcc编译执行C语言代码pwn15：nasm编译asm，ld链接为可执行文件pwn16：gcc编译汇编文件.s为可…...

编程日记 2025/7/19 22:47:54

【数据结构实战篇】用C语言实现你的私有队列

🏝️专栏：【数据结构实战篇】 🌅主页：f狐o狸x 在前面的文章中我们用C语言实现了栈的数据结构，本期内容我们将实现队列的数据结构一、队列的概念队列：只允许在一端进行插入数据操作，在另一端…...

编程日记 2025/7/19 22:40:33

数据结构（11）串的基本概念

一、串的定义 1.串是由一个或者多个字符组成的有限序列，一般记为：sa1a2…an（n≥0）。其中，s是串的名称，用单括号括起来的字符序列是串的值；ai（1≤i≤n）可以是字母、数字或…...

编程日记 2025/7/19 22:41:45

快速高效求素数|质数的方法—Java(模板)

判断素数|质数方法时间效率:线性筛法>埃氏筛法>试除法在写算法题的时候，各种各样跟素数有关的题目非常常见，本文列出了三种常见的判断素数的方法三种求素数方法的优缺点一、试除法试除法的基本思想是：判断一个数 x 是否为素数&…...

编程日记 2025/7/19 22:44:16

探秘嵌入式位运算：基础与高级技巧

目录一、位运算基础知识 1.1. 位运算符 1.1.1. 与运算（&） 1.1.2. 或运算（|） 1.1.3. 异或运算（^） 1.1.4. 取反运算（~） 1.1.5. 双重按位取反运算符（~~&#xf…...

编程日记 2025/7/16 19:22:36

iOS 17.4 Not Installed

0x00 系统警告没有安装 17.4 的模拟器，任何操作都无法进行！ 点击 OK 去下载，完成之后，依旧是原样！ 0x01 解决办法 1、先去官网下载对应的模拟器： https://developer.apple.com/download/all/?q17.4 …...

编程日记 2025/7/19 4:56:39

RestTemplate 使用教程

RestTemplate 是 Spring 框架提供的一种用于执行HTTP请求的同步客户端。它简化了与HTTP服务器的交互，并支持RESTful Web服务。 1. 添加依赖首先，确保你的项目中包含了Spring Web的支持。如果你使用的是Maven，在pom.xml文件中添加如下依赖&…...

编程日记 2025/7/15 16:28:55

windows下安装wsl的ubuntu，同时配置深度学习环境

写在前面，本次文章只是个人学习记录，不具备教程的作用。个别信息是网上的，我会标注，个人是gpt生成的安装wsl 直接看这个就行；可以不用备份软件源。 https://blog.csdn.net/weixin_44301630/article/details/1223900…...

编程日记 2025/7/19 22:39:19

【贪心算法第五弹——300.最长递增子序列】

目录 1.题目解析题目来源测试用例 2.算法原理 3.实战代码代码解析注意本题还有一种动态规划的解决方法，贪心的方法就是从动态规划的方法总结而来，各位可以移步博主的另一篇博客先了解一下：动态规划-子序列问题——300.长递增子序列…...

编程日记 2025/7/18 20:34:09

【数据分析】基于GEE解析2000-2020年武汉市FVC时空变化特征

武汉市FVC时空变化特征解析 1. 写在前面2. 2000~2020年武汉市FVC时空变化特征解析2.1. 数据获取与预处理2.2. 辐射定标和大气校正2.3. 云层和云影去除2.4. FVC计算2.5. 时空分析2.6. 代码1. 写在前面 🌍✨在应对全球气候变化和环境监测的挑战中，植被盖度(Fraction Vegetati…...

编程日记 2025/7/19 22:30:42

springboot实战(19)(条件分页查询、PageHelper、MYBATIS动态SQL、mapper映射配置文件、自定义类封装分页查询数据集)

引言： 该类博客的学习是基于b站黑马视频springbootvue视频学习！具体围绕项目——"大事件"进行实战学习。目录一、功能介绍（需求）。 1、文章列表功能基本介绍。 2、条件分页查询功能与注意。 3、前端页面效果。&#x…...

编程日记 2025/7/19 22:36:41

Mongo数据库 --- Mongo Pipeline

Mongo数据库 --- Mongo Pipeline 什么是Mongo PipelineMongo Pipeline常用的几个StageExplanation with example:MongoDB $matchMongoDB $projectMongoDB $groupMongoDB $unwindMongoDB $countMongoDB $addFields Some Query Examples在C#中使用Aggreagtion Pipeline**方法一: …...

编程日记 2025/7/19 22:51:24

Docker部署mysql:8.0.31+dbsyncer

Docker部署mysql8.0.31 创建本地mysql配置文件 mkdir -p /opt/mysql/log mkdir -p /opt/mysql/data mkdir -p /opt/mysql/conf cd /opt/mysql/conf touch my.config [mysql] #设置mysql客户端默认字符集 default-character-setUTF8MB4 [mysqld] #设置3306端口 port33…...

编程日记 2025/7/19 11:06:57

银河麒麟桌面系统——桌面鼠标变成x，窗口无关闭按钮的解决办法

银河麒麟桌面系统——桌面鼠标变成x，窗口无关闭按钮的解决办法 1、支持环境2、详细操作说明步骤1：用root账户登录电脑步骤2：导航到kylin-wm-chooser目录步骤3：编辑default.conf文件步骤4：重启电脑 3、结语 &#x1f49…...

编程日记 2025/7/19 20:36:52

【微服务】 Eureka和Ribbon

一、Eureka 服务调用出现的问题：在远程调用另一个服务时，我们采用的解决办法是发送一次http请求，每次环境的变更会产生新的地址，所以采用硬编码会出现很多麻烦，并且为了应对并发问题，采用分布式部署&#…...

编程日记 2025/7/18 11:46:42

C++设计模式（工厂模式）

一、介绍 1.动机在软件系统中，经常面临着创建对象的工作，这些对象有可能是一系列相互依赖的对象；由于需求的变化，需要创建的对象的具体类型经常变化，同时也可能会有更多系列的对象需要被创建。如何应对这种变化&a…...

编程日记 2025/7/18 19:59:55

nodejs第三方库sharp对图片的操作生成新图片、压缩、添加文字水印及图片水印等

Sharp是一个基于libvips的高性能Node.js图像处理库，它提供了广泛的功能，包括调整大小、裁剪、旋转、格式转换等。Sharp可以处理多种图像格式，并且能够高效地转换图像格式。相关说明及用法看：https://sharp.nodejs.cn/ 安装&#…...

编程日记 2025/7/17 18:47:47

uniapp-vue2引用了vue-inset-loader插件编译小程序报错

报错信息 Error: Vue packages version mismatch: - vue3.2.45 (D:\qjy-myApp\admin-app\node_modules\vue\index.js) - vue-template-compiler2.7.16 (D:\qjy-myApp\admin-app\node_modules\vue-template-compiler\package.json) This may cause things to work incorrectly.…...

编程日记 2025/7/19 1:15:54

类型