[JavaScript知识库]改变函数内this指向

在准备js面试题时，遇到了许多知识盲区，或是已经遗忘的知识，所以来写一下博客，记录自己的成长，同时查漏补缺

js中函数内的this指向

函数的this指向用一句话来概括，就是谁调用，this就指向谁

当然了，在js中，函数内部的this指向也不是万年不变的，我们也可以通过几个方法来改变this指向

1.使用call()? ? 在call()方法中，括号中可以加许多参数，第一个参数，就是要指向的this

使用call()的时候要注意：call()会立即调用函数，并且会改变this指向

const o = {
            name: 'andy'
        }

        function fn(x,y,z) {
            console.log(this);
            console.log(x + y + z);
        }
        fn(1,2,3)  //this指向window
        fn.call(o,2,5,7) //this指向o这个对象

2.使用apply()? ?apply()的使用跟call()类似，也会立即调用函数，第一个参数是要改变的this指向，第二个参数必须是一个数组，不然会报错

const o = {
            name: 'andy'
        }

        function fn(x,y,z) {
            console.log(this);
            console.log(x + y + z);
        }
        fn(1,2,3)  //this指向window
        fn.apply(o,[2,5,7]) //this指向o这个对象,第二个参数必须是数组

3.使用bind()? ?与前两个不同，bind()不会立即调用函数，并且它改变this指向后会返回一个新的函数，我们要让这个新的函数调用

 const o = {
            name: 'andy'
        }

        function fn(x,y,z) {
            console.log(this);
            console.log(x + y + z);
        }
        fn(1,2,3)  //this指向window
        
        const fnn = fn.bind(o)//使用bind()将this指向o对象，将新函数赋值给fnn
        fnn(34,6,3)//this指向o，值为43