首页 > 代码库 > JavaScript中的this
JavaScript中的this
JavaScript中的this指向问题
在JavaScript中，this是经常使用的一个关键字，按照规定，this指向调用者，即谁调用该对象，则this指向谁，但是this存在一个缺陷，当在一个函数中定义另一个函数时，内部函数的this不会指向外部函数，而是指向Window。
var f1 = function(){
console.log(this);
var if1 = function(){
console.log(this);
}
func2();
}
func();
输出结果为
可以看到，外部的函数f1和内部的函数if1的输出结果都是Window，内部函数的this并没有按照正常的规则指向外部的函数，而是指向了Window，这是我在之前的学习中经常遇见的问题。例如在一个对象中创建一个函数进行输出：
var person = {
name:‘Zhang3‘,
age:100,
setPerson:function(){
console.log(‘name：‘+this.name+‘age：‘+this.age);
var isetPerson = function(){
console.log(‘name：‘+this.name+‘age：‘+this.age);
console.log(this);
}
isetPerson();
}
}
person.setPerson();
在这里定义了一个对象person在对象中定义了两个属性，name和age并且定义了一个函数setPerson，在函数中定义了另一个函数isetperson，输出结果：
第一个是在setPerson中通过this.name和this.age输出的结果，第二行是在isetperson中通过this输出的结果，通过测试，第二行指向了Window。
这是js中的一个先天的缺陷，解决方法是通过转换变量，即先定义一个变量来存储this的值，然后在后续的函数中使用这个变量，这样就可以实现this的正确指向。这个变量一般使用that：
var person = {
name:‘Zhang3‘,
age:100,
setPerson:function(){
console.log(‘name：‘+this.name+‘age：‘+this.age);
var that = this;
var isetPerson = function(){
console.log(‘name：‘+that.name+‘age：‘+that.age);
console.log(that);
}
isetPerson();
}
}
person.setPerson();
在setPerson中定义that变量，用于存储this，因为此时调用者仍然是person，所以this指向person，在内部函数中使用定义的变量that调用。
这样就能得到我们想要的结果，并且that的值是我们定义的person对象（Object）。
JavaScript中的this
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。