2024 高频前端面试题汇总之js篇（二）

最新推荐文章于 2024-09-02 17:34:07 发布

Web面试那些事儿

最新推荐文章于 2024-09-02 17:34:07 发布

阅读量645

点赞数 11

文章标签：前端 javascript 面试

本文链接：https://blog.csdn.net/Likestarr/article/details/139072316

版权

📢最近准备春招啦了，所以整理了一些前端高频大厂面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，关注➕，感谢！
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

}