首页/新闻资讯/正文详情

前端八股(自用)

发布时间:2026/11/6 5:13:54 来源:云帆数科 栏目:资讯中心
前端八股(自用)
1.js的数据类型原始类型值类型 7 种栈存储String、Number、Boolean、Bigint、Undefined、Null、Symbol引用类型堆存储Object Array、Function、Date、RegExp等引用值特点变量只存堆内存地址多个变量共用同一个堆数据时改一个全变2.判断数据类型的方式1. typeof适合判断原始类型判断对象只能分出object / function数组、null 都识别不出来null、数组都会判断为objectegtypeof 123456 string typeof null object typeof {a:1} object typeof [1,2,3,4] object判断数组优先使用 Array.isArray()2. instanceof判断引用类型是谁的实例不能直接判断原始值返回布尔值true / false注意基本类型直接用 instanceof 是 falseconst arr [] console.log(arr instanceof Array) // true const obj {} console.log(obj instanceof Object) // true function Person() {} const p new Person() console.log(p instanceof Person) // true3. Object.prototype.toString.call()精准判断所有类型面试题问堆和栈的区别答问null 是放堆还是栈答null是基本类型值存在栈 typeof null ‘object 是历史bug不是说它是对象3.浅拷贝和深拷贝1.浅拷贝只复制栈里的地址共用堆里对象常见方法1.展开运算符 ...常用const obj{a:1,b:{c:2}} const newObj{...obj}2.Object.assign()const newObjObject.assign({},obj)注意只能复制自身可枚举属性不拷贝原型、symbol 以外的不可枚举属性3.数组浅拷贝const arr[1,2,3] const arr1[...arr] const arr2arr.slice() const arr3Array.from(arr) const arr4arr.concat()2.深拷贝在堆中开辟一块内存生成全新对象常用方法1.Json.parse(Jsom.stringify()) 最简单有坑const newObj JSON.parse(JSON.stringify(obj))不能拷贝undefined、function、symbol→ 直接丢掉不能拷贝循环引用会报错不能拷贝Date→ 变成字符串RegExp、Error对象拷贝异常无法拷贝原型链上的属性2.手写递归深拷贝function deepClone(obj,hushnew WeakMap()){ if(objnull || typeof obj ! object) return obj if(hush.has(obj)) return hush.get(obj) let cloneArray.isArray(obj) ? [] : {} for(let k in obj){ if(obj.hasOwnProperty(k){ clone[k] deepClone(obj[k],hush) } } return clone }3.第三方库lodash 的 _.cloneDeep() 生产最稳内置处理各种特殊对象、循环引用import _ from lodash const newObj _.cloneDeep(obj)4. structuredCloneconst obj { a: 1, date: new Date(), map: new Map([[x, 2]]), set: new Set([3,4]) } // 循环引用也可以JSON直接报错 obj.self obj const clone structuredClone(obj) clone.a 999 console.log(obj.a) // 1互不影响 ✔structuredClone是现在浏览器原生最好用的深拷贝解决了 JSON 深拷贝绝大多数痛点但是对象里面一旦有函数就不能用它会直接报错。4.数组的常用方法 分成3类记迭代方法forEach、map、filter、reduce...修改原数组push、pop、splice ...返回新数组slice 、concat、map 、filter...

相关推荐

帮买帮取帮送如何区分:从表单需求到接口与交付验收
帮买帮取帮送如何区分:从表单需求到接口与交付验收

让用户填写取送地址和代买需求,跑腿系统应以明确的业务类型组织字段、接口校验与报价确认。微订公开覆盖帮买、帮送、帮取,可按这三类设计演示清单;本文把需求映射到模块及输入输出,帮助采购者核对实际版本。需求先表达采购事实与… · 2026/11/6 5:13:54

本地部署编程大模型:从环境准备到跑通代码补全
本地部署编程大模型:从环境准备到跑通代码补全

一、为什么要在本地部署编程大模型把编程大模型跑在自己的机器上,最直接的好处是代码不出内网。对于涉及业务逻辑、数据库结构、内部接口的代码,很多团队并不愿意把它们贴到公有云对话框里。本地部署之后,模型推理完全在自有硬件上完成&#… · 2026/11/6 5:13:54

计算机网络篇17:传输层——TCP 超时重传、三次握手与四次挥手,TIME_WAIT 为什么要等 2MSL
计算机网络篇17:传输层——TCP 超时重传、三次握手与四次挥手,TIME_WAIT 为什么要等 2MSL

📚 本文收录于「流浪」的系列专栏 🐧 Linux系统⚙️ C📊 数据结构与算法🐍 Python🔗 LangChain & LangGraph🗄️ MySQL 数据库🌿 Git 工具🌐 计算机网络🤖 LLM&… · 2026/11/6 5:13:53

包头电工证哪里报名2026河南最新政策解读与实操指南
包头电工证哪里报名2026河南最新政策解读与实操指南

包头电工证哪里报名2026河南最新政策解读与实操指南 你是不是正为找不到电工证发愁?是不是急需特种作业证才能上岗找工作?别慌,2026年河南最新政策已经明确,电工证报考门槛和流程都有了新变化,现在就带你全面了解包头电工证哪里报名,以及如何顺… · 2026/11/6 20:40:27

丹东在哪报名电工证 实操考试心里没底怕挂科?全国通用证书怎么考更稳
丹东在哪报名电工证 实操考试心里没底怕挂科?全国通用证书怎么考更稳

丹东在哪报名电工证 实操考试心里没底怕挂科?全国通用证书怎么考更稳 实操考试心里没底怕挂科?丹东在哪报名电工证?很多电工朋友都在问,这证到底值不值得考,尤其是对于刚入行的人来说,考试流程、考试内容、证书是否全国通用,这些都成了他们心中的“拦… · 2026/11/6 20:40:27

工地太忙根本没时间复习考试?2026河南最新政策下电工作业证包含哪些必须知道
工地太忙根本没时间复习考试?2026河南最新政策下电工作业证包含哪些必须知道

工地太忙根本没时间复习考试?2026河南最新政策下电工作业证包含哪些必须知道 工地上的节奏快,一天到晚忙得脚不沾地,谁还有时间复习考试?特别是像我们焦作的市政公用工程从业者,每天跟电缆、设备、施工流程打交道,哪还有空去背题?但别小看这个电工… · 2026/11/6 20:40:27

金华高压电工证复审必须知道的3个关键点,官方报名入口全解析
金华高压电工证复审必须知道的3个关键点,官方报名入口全解析

金华高压电工证复审必须知道的3个关键点,官方报名入口全解析 你现在正坐在电脑前,想着怎么尽快拿到高压电工证,因为马上就要去工地上班了,可手里还缺个证,心里直打鼓。别急, 金华高压电工证复审 流程其实没你想的那么复杂,关键是得从… · 2026/11/6 20:40:27

丹东在哪报名电工证通过率揭秘:实操考试心里没底怕挂科?手把手教你稳过
丹东在哪报名电工证通过率揭秘:实操考试心里没底怕挂科?手把手教你稳过

丹东在哪报名电工证通过率揭秘:实操考试心里没底怕挂科?手把手教你稳过 实操考试心里没底怕挂科?报名流程不清楚,考试内容不知道,很多人在考电工证前都犯过这些错。尤其是在丹东,电工证的报考流程、考试内容和通过率,一直是个热门话题。很多人问:… · 2026/11/6 20:40:27

金华高压电工证复审保姆级教程:实操考试心里没底怕挂科?这篇帮你搞定
金华高压电工证复审保姆级教程:实操考试心里没底怕挂科?这篇帮你搞定

金华高压电工证复审保姆级教程:实操考试心里没底怕挂科?这篇帮你搞定 实操考试心里没底怕挂科?别急,这篇【金华高压电工证复审保姆级教程】就是为你量身打造的,从报名到考试再到复审,手把手教你避开所有坑。 金华高压电工证复审的行业趋势与政策动向… · 2026/11/6 20:39:27

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:27:59

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:03

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 10:29:23

三菱PLC数据采集到数据库的时序设计:Python+MC协议实战
三菱PLC数据采集到数据库的时序设计:Python+MC协议实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

ASIC主模式RTL设计:状态机与三态驱动的流片级实现
ASIC主模式RTL设计:状态机与三态驱动的流片级实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

STM32嵌入式C++开发:GDB调试与Renode仿真实战指南
STM32嵌入式C++开发:GDB调试与Renode仿真实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:27:59

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:03

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 10:29:23

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码