📢最近准备春招啦了,所以整理了一些前端高频大厂面试题,分享给大家,如有问题欢迎留言指正,面试专栏我会长期更新,欢迎大家点赞🤞、收藏📌,关注➕,感谢!
2024 高频前端面试题汇总之CSS篇(一)
2024 高频前端面试题汇总之CSS篇(二)
关注后续更新。。。
8. 深浅拷贝的区别?如何实现一个深拷贝?
-
深浅拷贝通常只针对引用类型
-
浅拷贝:只拷贝一层对象,复制这一层对象中的原始值,如果有引用类型的话,就复制它的指针
Object.assign concat slice [...arr]
-
深拷贝:层层拷贝,所有类型的属性值都会被复制,原对象的修改不会影响拷贝后的对象 JSON.parse(JSON.stringify(obj)) --- 无法处理 undefined Symbol function -- 无法处理循环引用
面试官问到这个可能会让你当场手写哦接下来我们开始吧
Function shallowCopy(obj){
let newObj = {]
for( let key in obj ){
if(obj.hasOwnProperty(key)){
newObj[key]=obj[key]
}
}
return newObj
}
Function shallowCopy(obj){
let newObj = {]
for( let key in obj ){
if(obj.hasOwnProperty(key)){
if ( typeof(obj[key])!==obj||obj[key]===null){
newObj[key]=obj[key]
}else{
newObj[key]=shallowCopy(obj[key])
}
}
}
return newObj
}
9. 说说你对作用域的理解
-
是什么: 变量和函数能够生效的区域,这个区域叫作用域
-
有哪些:
-
全局作用域
-
函数作用域
-
块级作用域
-
作用域链:作用域只能从内到外的访问,这种访问规则形成的链状关系我们称之为作用域链
-
词法作用域:指的是函数或变量定义的区域
10.说说你对原型的理解
-
是什么:
-
显示原型指的是函数身上自带的 prototype 属性, 通常可以将一些书型盒方法添加在显示原型上,可供实例对象继承到
-
隐式原型 proto 是对象这种结构上的一个属性,其中包含了创建该对象时,隐式继承到的属性
-
原型链:创建一个实例对象时,实例对象的隐式原型===创建该对象的构造函数的显示原型,在js中对象的查找规则是先在对象中查找,找不到再去对象的隐式原型上查找,顺着隐式原型一层层往上找,直到找到null为止,这种查找规则我们就叫原型链
-
可用来实现属性的继承
11. new的实现原理
-
构造函数有返回值,且为引用类型时会覆盖new当中的返回值
说到这个咱就开始手写一个new的构造函数
let p = myNew(Person, 'Tom')
function myNew(...args) { // [Person, 'Tom']
let obj = {}
obj.__proto__ = args[0].prototype
const res = args[0].apply(obj, args.slice(1))
return (typeof res === 'object' && res !== null) ? res : obj
}
12. 说说Ajax的原理
-
是什么: Async Javascript and XML ,是一种异步js和网页交互的技术,可以实现不刷新网页就跟服务器交换数据,更新页面
-
实现过程
-
创建XHR实例对象
-
调用实例对象中的open方法与服务器建立连接
-
调用实例对象中的send方法发送请求
-
监听onreadystatechange事件,通过判断readyState的值来获取到最终的数据
-
将数据更新到html页面
# 说说js中的事件模型
-
什么事件流
-
分类
-
DOM0级 onclick (无法控制事件在捕获冒泡哪个阶段执行)
-
DOM1级 addeventListen (可以控制事件执行在哪个阶段)
-
IE模型 attachEvent (无法控制事件在捕获冒泡哪个阶段执行) 事件循环机制 和事件代理的话可以看看这个 JavaScript事件流与事件代理
如觉得本文对你有帮助的话,欢迎点赞❤❤❤,写作不易,持续输出的背后是无数个日夜的积累,您的点赞是持续写作的动力,感谢支持!
来自-扯蛋蛋,欢迎大家关注!
在线整理的确实很好,对文章进行了一个汇总整理,在线备战面试、刷题指南,拿走不谢,要学会站在别人的肩膀上提升自己点击这里-->
最后:
如果你现在正在找工作,可以私信“web”或者直接添加下方小助理进群领取前端面试小册、简历优化修改、大厂内推以及更多阿里、字节大厂面试真题合集,和p8大佬一起交流。