前段js 经典面试题（20220405）

目录

判断 js 类型的方式

ES5 和 ES6 分别几种方式声明变量

闭包的概念？优缺点？

浅拷贝和深拷贝

数组去重的方法

DOM 事件有哪些阶段？谈谈对事件代理的理解

js 执行机制、事件循环

介绍下 promise.all

async 和 await

ES6 的 class 和构造函数的区别

transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式

介绍一下rAF(requestAnimationFrame)

javascript 的垃圾回收机制讲一下

对前端性能优化有什么了解？一般都通过那几个方面去优化的？

---

判断 js 类型的方式

1. typeof

可以判断出'string','number','boolean','undefined','symbol'
但判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 'object'

2. instanceof

原理是 构造函数的 prototype 属性是否出现在对象的原型链中的任何位置

复制function A() {}
let a = new A();
a instanceof A     //true,因为 Object.getPrototypeOf(a) === A.prototype;

3. Object.prototype.toString.call()

常用于判断浏览器内置对象,对于所有基本的数据类型都能进行判断，即使是 null 和 undefined

4. Array.isArray()

用于判断是否为数组

ES5 和 ES6 分别几种方式声明变量

ES5 有俩种：var 和 function
ES6 有六种：增加四种，let、const、class 和 import

注意：let、const、class声明的全局变量再也不会和全局对象的属性挂钩

闭包的概念？优缺点？

闭包的概念：闭包就是能读取其他函数内部变量的函数。

优点：

1. 避免全局变量的污染
2. 希望一个变量长期存储在内存中（缓存变量）

缺点：

1. 内存泄露（消耗）
2. 常驻内存，增加内存使用量

回到顶部

浅拷贝和深拷贝

• 浅拷贝

复制// 第一层为深拷贝
Object.assign()
Array.prototype.slice()
扩展运算符 ...

• 深拷贝

复制JSON.parse(JSON.stringify())

递归函数

复制function cloneObject(obj) {
  var newObj = {} //如果不是引用类型，直接返回
  if (typeof obj !== 'object') {
    return obj
  }
  //如果是引用类型，遍历属性
  else {
    for (var attr in obj) {
      //如果某个属性还是引用类型，递归调用
      newObj[attr] = cloneObject(obj[attr])
    }
  }
  return newObj
}

如何实现一个深拷贝
详细解析赋值、浅拷贝和深拷贝的区别

回到顶部

数组去重的方法

1.ES6 的 Set

复制let arr = [1