JS-this的指向

Posted 是非_大道克己

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS-this的指向相关的知识,希望对你有一定的参考价值。

this的指向

this的指向分类

1.默认指向

this默认指向的是window对象

    console.log(this);
    //该语句为打印语句,可以从结果看出当前this指代的是window对象
2.函数调用时

1.独立调用 this 指向 window 对象

2.函数如果作为某个对象的方法时: this 指向的是当前对象.

function test(){
    console.log(this);
}

test();
divObj.test();
//独立调用的时候 (谁调用函数,this就指向谁)
//test() = window.test()
3.指向当前对象

this存在于类中时,this指向当前对象

let Obj = {
    show:function(){
        console.log(this);
    }
}
obj.show();
//show方法属于波及对象,所以方法中的this指向obj对象

//注意
let showNew = obj.show();
showNew();
//这时this指代window
//类似let showNew = function(){}
5.his指向绑定的元素

当函数作为一个事件处理函数的时候,这时this是指向绑定的元素

 

*注意:箭头函数()=>{},箭头函数的 this的指向 它的this指向始终是指向的外层作用域

改变this的指向

  1. call(更改对象,函数参数1,函数参数2,...)

  2. apply(更改对象,[函数参数1,函数参数2,...])

  3. let 接收函数名 = bind(更改对象)

let obj_1 = {
    num:10,
    add:function(x,y){
        console.log(this.num + x +y);
    }
}

let obj_2 = {
    num:20,
}

obj_1.add(5,20);
//结果为35

obj_1.add.call(obj_2,5,20);
obj_1.add.apply(obj_2,[5,20]);
let add_2 = obj_1.add.bind(obj_2);
add_2(5,20);
//以上三种打印的结果为 45 
//因为上诉方法改变了this的指向使得 this.num的值发生

以上是关于JS-this的指向的主要内容,如果未能解决你的问题,请参考以下文章

JS-this

JS-this的用法

微信小程序代码片段

片段中 ListView 的 setOnItemClickListener

片段中ListView的setOnItemClickListener

setTimeout中所执行函数中的this,永远指向window