解密JavaScript函数中的神秘“this“指向

this指向总结

定义函数中this，this指向window。如果是调用函数，指向函数实例

对象（包括json）中的this指向对象实例

异步操作中，this指向最终值

for循环中，this指向最后一个循环值

() => {}本身并没有this，this为父级代码继承过来的，不同情况下调用同一个函数，this指向不同，不一定指向对象实例本身

setTimeout时，function(){}要用_this，不能直接使用this，因为this指向函数本身

this指向实例

vue中data、computed、methods的调用
    this.age;
    this.newOption
    this.getData();

    this.$parent可以访问父级vue实例（或者组件）
    this.$root可以访问根级vue实例（或者组件）
    this.$el
    this.$data
    this.$router  访问当前的路由

var json1={
    fn1：function(){
        console.log(this);   //指向json
    }，
    fn2：function(){
        var i=3;
        function fn3(){
            console.log(this)   //指向window
        };
        return  fn3();
    }
}

json1.fn1();
json1.fn2();

call()、apply()、bind()()三者的区别：改变this指向的三种方法

call()：第一个参数：this指向，如果要传参，后面依次是参数
apply：第一个参数：this指向，第二个参数接受的是一个数组，如果要传参，后面依次放入数组中
bind()：只改变this指向，不会调用函数。如果喜爱那个调用还需要加“()”，传参和跟call相似，只不过后面多了个 ()下面进入实体的案列

function fn(x，y){
   console.log(this);
}
var obj = {
   name：“zs“
}
fn(1，2);
fn.bind(obj，1，2)();

function fn(x，y){
   console.log(this);
}
var obj = {
   name：“zs“
}
fn(1，2);
fn.apply(obj，[1，2]);

function fn(x，y){
   console.log(this);
}
var obj = {
   name：“zs“
}
fn(1，2);
fn.call(obj，1，2);

免费的API接口开放平台