this是什么?

this是JavaScript中的一个关键字,每个函数在创立时,都会隐式地创立一个对象,指向函数的上下文,这个对象就是this。

不同状况下的this

1、全局作用域中创立的函数

在全局作用域中创立的一般函数,this指向全局对象即window

2、作为对象办法创立的函数

函数作为对象的属性而创立,调用时this指向这个对象

3、构造函数

构造函数中的this,指向它所创立的实例对象

new关键字做了什么工作?

应用new关键字结构对象时,new做了以下几个内容

  • 创立一个新对象
  • 把构造函数的原型对象prototype赋值给新对象的_proto_属性,实现实例对象对构造函数的继承
  • 把构造函数的this赋值给新对象的this
  • 以上几步都是隐式的操作,接下来执行构造函数中的语句,给新对象增加属性
  • 返回新对象,如果没有创立新对象,则主动返回构造函数的this

4、箭头函数

ES6箭头函数没有本人的this,创立时主动继承上一层的this。如果箭头函数有外层函数,那么它的this指向外层函数的this;如果没有外层函数,那么它的this就是window

5、call/apply/bind

函数的call、apply和bind办法都能为函数指定一个对象作为this,这三个办法的区别在于

  • 调用bind办法会返回一个新的,指定过this的函数,但函数不会立刻执行;call/apply办法会给函数指定新的this后立刻执行
  • call办法中,实参能够传递多个;apply办法的实参放在数组里对立传递

面试时偶然会碰到手撕bind/call/apply办法的题目,这时候该怎么办呢

call


实现call的思路在于,给传进来的对象增加一个办法,即调用call的那个函数,并且调用该办法,返回其执行后果

apply


实现apply的思路和call基本一致,不同点是把实参放入一个数组中传递

bind


实现bind的思路略微简单一些,关键在于bind返回的是一个函数。这就要思考以下几个问题:

  • this的绑定问题
  • 返回值是一个函数,那么对这个函数进行new操作的话应该怎么办
  • 传入bind的实参要与返回函数的实参进行合并