js中THIS指向汇总

/*

* JS中的THIS汇总

THIS：当前方法执行的主体（谁执行的这个方法，那么THIS就是谁，所以THIS和当前方法在哪创建或者在哪执行的都没有必然的关系）

*/

// 1.给当前元素的某个事件绑定方法，方法中的THIS都是当前操作的元素本身

    docuemntbody.onclick = function(){

        // this=> body

    }

// 2.函数执行，看函数前面是否有点，有的话，点前面是谁THIS就是谁，没有点，THIS是window（在js严格模式下，没有点THIS是undefined）

    let fn = function(){

        console.log(this);

    };

    let obj = {

        name: '哈哈哈',

        fn: fn

    }

    fn(); // this： window

    obj.fn(); // this: obj

// 3.构造函数执行，方法中的this一般都是当前类的实例

    let Fn = function(){

        this.x = 100;  //this: f

    }

    let f = new Fn;

// 4.箭头函数中没有自己的this，this是上下文的this

    let obj = {

        fn: function(){

            // this:obj

            setTimeout(()=>{

                //this: obj

            },1000)

        }

    }

    obj.fn();

// 5.在小括号表达式中，会影响this的指向

    let obj = {

        fn: function(){}

    }

    obj.fn();      //this: obj

    ;(12,obj.fn)() //this: windiow

// 6.使用call/apply/bind可以改变this指向

    fn.call(obj) // this:obj

    fn.call(12)  // this: 12

    fn.call();  // this:window

    非严格模式下call/apply/bind第一个参数不写或者写null和undefined，this都是window，严格模式下写谁this就是谁，不写是undefiend