JS-this的指向
2021-04-01 10:27
标签：方法 元素 window expand 默认 head show OLE strong this默认指向的是window对象 1.独立调用 this 指向 window 对象 2.函数如果作为某个对象的方法时: this 指向的是当前对象. this存在于类中时,this指向当前对象 当函数作为一个事件处理函数的时候，这时this是指向绑定的元素 *注意:箭头函数()=>{}，箭头函数的 this的指向 它的this指向始终是指向的外层作用域 call(更改对象,函数参数1,函数参数2,...) apply(更改对象,[函数参数1,函数参数2,...]) let 接收函数名 = bind(更改对象) JS-this的指向 标签：方法 元素 window expand 默认 head show OLE strong 原文地址：https://www.cnblogs.com/-Archenemy-/p/12571822.htmlthis的指向
this的指向分类
1.默认指向
console.log(this);
//该语句为打印语句，可以从结果看出当前this指代的是window对象
2.函数调用时
function test(){
console.log(this);
}
test();
divObj.test();
//独立调用的时候 (谁调用函数，this就指向谁)
//test() = window.test()
3.指向当前对象
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的指向
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的值发生