1. 深拷贝手写

代码

1判断值类型和引用类型 typeof
2判断对象数组 instanceof
3遍历 +递归 hasOwnProperty + 递归

/**
 * 深拷贝
 * @param {Object} obj 要拷贝的对象
 */
function deepClone(obj = {}) {
    if (typeof obj !== 'object' || obj == null) {
        // obj 是 null ，或者不是对象和数组，直接返回
        return obj
    }

    // 初始化返回结果
    let result
    if (obj instanceof Array) {
        //判断 传入的是数组还是对象
        result = []
    } else {
        result = {}
    }

    for (let key in obj) {
        // 保证 key 不是原型的属性
        if (obj.hasOwnProperty(key)) {
            //每一个key 看看他是不是原型的属性，就是别人赋值给他的
            // 递归调用！！！
            result[key] = deepClone(obj[key])
        }
    }
    // 返回结果
    return result
}

ps:只有在判断一个对象的某个属性是否存在的时候采用 ==

2. 原型原型链

题目

如何准确判断一个变量是不是数组？
手写一个简单的jQuery，考虑插件和扩展性
class 的原型本质

知识点

class 和继承
类型判断 instanceof
原型和原型链

class 可以理解为模板，可以通过模板来构建（construction）属性或者方法
代码演示

class Student {
  constructor(name,number) {
    this.name =name
    this.number =number
  }
  sayHi(){
    console.log(
      `姓名${this.name} , 学号 ${this.number}`
    )
  }
}

const xialuo = new Student('name',100)
console.log(xialuo.name)
console.log(xialuo.number)
xialuo.sayHi()

继承使用 extends 来做的；通过 super来执行父类的构造函数

// 父类
class People{
  constructor(name) {
    this.name = name
  }
  eat(){
    console.log(`${this.name} 吃饭`)
  }
}
// 子类

class Student extends People{
  constructor(name,number) {
    super(name)
    this.number= number
  }
  sayHi(){
    console.log(`姓名${this.name} , 学号 ${this.number}`)
  }
}

//实例
const xialuo = new Student('夏洛',100)
console.log(xialuo.name)
console.log(xialuo.number)
xialuo.sayHi()
xialuo.eat()

3. 作用域和闭包

闭包面试题（两次打印的结果分别是什么？）

两次打印的结果都是 100

解析

闭包：自由变量的查找，是在函数定义的地方向上级作用域查找，而不是在函数调用执行的地方！！！

4， this 的多种场景

重点

（this 的值取决于函数执行的时候确定的，不是在函数定义的时候！！！！！）场景1：直接调用，指向window 场景2：call改变this 的指向场景3：bind call 是一调用就执行了，bind是返回一个新的函数！调用新的函数

场景4：普通setTimeout 的this 场景5，箭头函数的this

场景5： class 里面的this

手写 bind

5.异步应用场景

网络请求，如ajax图片加载
定时任务，如setTimeout

手写Promise加载一张图片

const url ='https://xxx'
function loadImg(src){
    return new Promise(
        (resolve,reject)=>{
           const img =document.creatElement('img)
           img.ondland()=>{
               resolve(img)
           }
           img.onerror()=>{
               reject(new Error('图片加载错误))
           }
           img.src = src
        })
}

//调用loadImg 方法
loadImg（url）.then(img=>{
    console.log(img.width)
    return img
}.then(img={
    console.log(img.width)
}))