js中的this关键字

搞定js中的this关键字

1. 默认绑定

    function myGirl() {
      console.log(this)
    }
    myGirl()  // Window

2. 隐式绑定

    let myGirl = {
      name: '小红',
      height: 160,
      detail: function () {
        console.log(this)
      },
    }
    myGirl.detail() // {name: '小红', height: 160, detail: ƒ}

3. 硬绑定

    let myGirl = {
      name: '小红',
      height: 160,
      detail: function () {
        console.log(this)
      },
    }

    let girl1 = {
      name: '小唐',
    }

    let girl2 = {
      name: '小邓',
    }

    myGirl.detail.call(girl1) // {name: '小唐'}
    myGirl.detail.call(girl2) // {name: '小邓'}

4. 构造函数绑定(new绑定)