第一:在全局环境中或者调用普通函数的时候 this 永远指向window console.log(this === window) 为true
第二:在构造函数中调用this,this指向new出来的对象
finction Obj () {
this.x = 5;
console.log(this);
}
var func = new obj();
console.log(func.x) //10
在上述中如果函数作为构造函数使用,其中的this就代表new出来的对象 但是如果直接调用上述函数 那么这时就变成了普通函数的调用,这时this的指向就指向了window
function Obj () {
this.x = 5;
console.log(this) //window
}
var f = Obj ();
console.log(foo.x) //undefined
第三:在对象方法中使用this 此时this指向该对象
var Obj = {
x : 2,
foo : function () {
console.log(this)// object
console.log(this.x) // 10
}
}
Obj.foo();
如果我们在对象的方法中再定义一个函数 那么此时的this指向会是怎样的呢
var Obj = {
x:10,
foo: function () {
function foo1() {
console.log(this)//window
console.log(this.x) // undefined
}
foo1()
}
}
Obj.foo()
运行过之后我们可以知道此时的this指向的是window对象 我们可以这样来理解 虽然foo1是对象的方法中定义的函数,但是他的性质是一个普通函数 而普通函数的this指向的是window对象
如果想在对象方法中的函数里面访问上层作用域中的变量 可以定义一个地段_this存储外部this的变量。
如果对象方法中的函数不作为对象的方法被调用的时候此时的this也将指向window对象
var Obj = {
x : 3,
foo: function (){
console.log(this) //window
console.log(this.x) // undefined
}
}
var fn = Obj.foo;
fn()
Obj.foo被赋值给一个全局变量 并不是作为Obj的一个属性被调用的 所以此时的this指向的是window对象
第四:构造函数proyotype属性 在整个原型链中this代表的是当前的对象
function Foo () {
this.x = 10;
}
Foo.prototype.func = function () {
console.log(this); //Foo 对象
console.log(this.x) //10
}
var foo = new Foo ()
foo.func()