javascript中的this指向谁
发布网友
发布时间：2022-04-07 05:53
共4个回答
懂视网
时间：2022-04-07 10:14
1、基本概念
MDN的官方解释：与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。在绝大多数情况下，函数的调用方式决定了this的值。this不能在执行期间被赋值，并且在每次函数被调用时this的值也可能会不同。
简而言之：
1.this指向的对象称为函数的上下文对象context；
2.this的指向取决于函数被调用方式
不管函数怎么调用的天花乱坠，我们只要记住这几点即可清晰的找出this的指向。
2、小实验
function foo(){
console.log(this);
}面试官问你this指向哪里，当然大声回答不知道，原因：谁调用指向谁，函数都没被调用，确实不知道指向。
小结：直接通过函数名来调用函数，this指向全局变量window;通过对象.函数名调用函数，this指向该对象。
3、DOM对象调用函数时this的指向问题
1.通过选择器选择元素加事件属性来绑定事件，this指向该DOM对象，例子如下：
document.getElementById('btn').onclick=function(){
console.log('click'); //click
console.log(this); //<button id="btn">button</button>
}2.直接在DOM标签中写事件，this指向window,我们可以通过吧this作为参数传入方法中再使用，例子如下：
html:
<button onclick="modify()">add</button>
<span id="count">0</span>
<button onclick="modify()">reduce</button>
script：
// 操作方法
function modify(){
console.log(this); //window
}因为这个时候是直接调用方法的，所以this指向全局window对象，那么问题来了，我们想判断我们点击的是哪一个按钮，应该怎么做呢，我们可以把this的值作为参数传入方法中再使用，例子如下。
html:
<button onclick="modify(this)">add</button>
<span id="count">0</span>
<button onclick="modify(this)">reduce</button>
script：
// 操作方法
function modify(_this){
console.log(_this);
// <button onclick="modify(this)">add</button>
// <button onclick="modify(this)">reduce</button>
}4.对象中this的指向问题
先看一个简单的例子：
var a=1;
function printA(){
console.log(this.a);
}
var obj={
a:2,
foo:printA,
bar:function(){
printA();
}
}
obj.foo(); //2
obj.bar(); //1var foo=obj.foo;foo(); //1我们定义了一个全局变量a和一个打印a的全局变量方法，之后又定义了一个obj对象，其中包含a属性和foo,bar两个方法。当我们调用obj.foo()打印了2，调用obj.bar()打印了1.
分析：
不管printA在哪里定义的，我们this的指向只取决于被谁调用的。在obj.foo()，foo的属性值为printA，被obj直接调用，所以this指向obj，this.a就是obj.a=2了；
当我们调用obj.bar()时，bar的属性值为function(){printA()}，没有明确哪个对象来调用printA方法，this默认指向全局对象window，所以this.a=window.a=1；
第三种情况我们把obj.foo值赋予了foo变量，在调用的时候就相当于是window.foo()了，打印1。
小结：this的指向不是函数声明是绑定的，而是在函数运行过程中动态绑定的。
5.改变this的指向方法：applay call bind
话不多话：写了一个例子，大家先看，万一比喻不恰当，大家能理解其中意思即可
var liLei={
name:'liLei',
money:10,
buyPen:function(){
this.money=this.money-1;
console.log(this.name+" have money:"+this.money)
}
}
var hanMeiMei={
name:'hanMeiMei',
money:20,
buyPan:function(){
this.money=this.money-2;
console.log(this.name+" have money:"+this.money)
}
}
liLei.buyPen(); // liLei have money:9
hanMeiMei.buyPan(); //hanMeiMei have money:18例子很好理解，输出的结果相信大家也能看得明白，哪天，韩梅梅想买一个盆，她买不了，因为她还没有这个方法，她一想：我没有这个方法，但是李雷有啊，我打电话给李雷把钱他让他帮我买啊；后来李雷想买一个盘，实现方法也是如此。那么，在代码中如何实现呢？
JavaScript有好几个方法可以实现：call,apply,bind。
call方法:
语法：call(thisObj，Object)
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。
liLei.buyPen.call(hanMeiMei); //hanMeiMei have money:19 hanMeiMei.buyPan.call(liLei); //liLei have money:8
apply方法：
语法：apply(thisObj，[argArray])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。
liLei.buyPen.apply(hanMeiMei); //hanMeiMei have money:19 hanMeiMei.buyPan.apply(liLei); //liLei have money:8
bind方法：
liLei.buyPen.bind(hanMeiMei)(); //hanMeiMei have money:19 hanMeiMei.buyPan.apply(liLei)(); //liLei have money:8
小结：三种方法的相同指出是：可以改变this的指向，不同之处是：apply接受的参数为一个数组，call接收的参数为一个个独立的值；apply，call会直接调用方法，bind改变this的指向返回一个方法不调用。
推荐教程：js教程
热心网友
时间：2022-04-07 07:22
this.name = name;
-- 这个好理解，指向User对象，不是User function
this.my_alert = function() {
alert(this.name);
}
function 一个函数，这么理解有zhuan点“问题”，正shu确的说法是my_alert 是一个函数类型变量
my_alert 是User的一个属性，他本身是funtion类型，所以这个function类型中的this指向当前对象
this对象是在运行时基于函数的执行环境绑定的，它可能是全局对象或者其他的某个对象，随着函数的执行环境不同，this的值也会不一样。但是总有一个原则，那就是this指的是调用函数的那个对象。
还有另一个原则：当没有明确的调用函数的那个对象时，this指向全局对象global，浏览器模式下就是window了。
JavaScript：this是什么？
定义：this是包含它的函数作为方法被调用时所属的对象。
说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！
1、包含它的函数。2、作为方法被调用时。3、所属的对象。
看例子：
function to_green(){
this.style.color="green";
}
to_green();
上面函数中的this指的是谁？
分析：包含this的函数是，to_green
该函数作为方法被调用了
该函数所属的对象是。。？我们知道默认情况下，都是window对象。
OK，this就是指的window对象了，to_green中执行语句也就变为，window.style.color="green"
这让window很上火，因为它并没有style这么个属性，所以该语句也就没什么作用。
想要系统了解来尚学堂，线上线下，系统性教学。
热心网友
时间：2022-04-07 08:40
obj.a();这时a里面在b后面括号里的this是obj。
如果直接调用a()，那么里面的this是windows（所有全局变量函数的对象）
热心网友
时间：2022-04-07 10:15
追答this 指的是最外层的调用的对象 你就这么理解吧
