一、作为函数调用,this指向全局对象
var q = 'window'
var func = function {
console.log(this.q)
}
func() //window
二、作为对象的调用方法,this指向该对象
var q = 'window'
var func = function() {
console.log(this.q)
}
var obj = {
q: 'obj',
func: func,
anotherObj: {
q: 'anotherObj',
func: func
}
}
obj.func() //obj
obj.anotherObj.func() //anotherObj
三、作为构造函数调用,构造函数试图初始化这个新创建的对象,并将这个对象作为其调用上下文,this 指向这个新创建的对象。
var q = 'window'
function Func() {
this.q = 'Func'
console.log(this.q)
}
var obj = new Func //Func
console.log(this.q) //window
四、通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文,在函数体内,通过this获得对它的引用。
var q = 'window'
function func() {
console.log(this.q)
}
var obj = {
q: 'obj'
}
func.apply() //window
func.call() //window
func.apply(obj) //obj
func.call(obj) //obj
五、箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。
1)、独立函数
var a = 0
var test = ()=> {
var a = 1
console.log(this.a)
}
test() //0
2)、对象的方法
var a = 0
var obj = {
a: 1,
foo: ()=> {
console.log(this.a)
}
}
obj.foo() //0
即:
var a = 0
var obj = new Object
obj.a = 1
obj.foo = ()=> {
console.log(this.a)
}
obj.foo()
3)、当函数作为对象的方法调用时this指向该对象
var a = 0
function foo(){
var func = () => {
console.log(this.a)
}
return func
}
var obj = {
a : 1,
foo:foo
}
obj.foo()() //1
4)、bind/call改变this指向
func定义在全局,因此打印0,同对象方法
var a = 0
var func = ()=> {
console.log(this.a)
}
var obj = {
a: 1
}
func.call(obj) //0
var a = 0
var func = function() {
var boo = ()=> {
console.log(this.a)
}
return boo
}
var obj = {
a: 1
}
func.call(obj)() //1
网友评论