箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。
1、独立函数
var a = 0
var test = ()=> {
var a = 1
console.log(this.a)
}
test() //0
该箭头函数在全局环境中定义,即this指向window
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()
如上所示,foo在全局中定义,所以this指向window,那么如何使this指向obj?
根据上一篇介绍,当函数作为对象的方法调用时this指向该对象,可以这样改写:
var a = 0
function foo(){
var func = () => {
console.log(this.a)
}
return func
}
var obj = {
a : 1,
foo:foo
}
obj.foo()() //1
func在foo调用时定义,此时的foo所在作用域为obj,因此this指向obj
3、构造函数,因箭头函数没有this,固不能用作构造函数,否则会报错
var foo = ()=> {
console.log(this)
}
var boo = new foo() //foo is not a constructor
4、bind/call
var a = 0
var func = ()=> {
console.log(this.a)
}
var obj = {
a: 1
}
func.call(obj) //0
如上:func定义在全局,因此打印0,同对象方法,我们可以通过如下改写,打印出1
var a = 0
var func = function() {
var boo = ()=> {
console.log(this.a)
}
return boo
}
var obj = {
a: 1
}
func.call(obj)() //1
北京海淀区校区(总部):北京市海淀区西三旗街道建材城西路中腾建华商务大厦东侧二层尚学堂
北京京南校区:北京亦庄经济开发区科创十四街6号院1号楼 赛蒂国际工业园
咨询电话:400-009-1906 / 010-56233821
面授课程: JavaEE培训、 大数据就业班培训、 大数据云计算周末班培训、 零基础大数据连读班培训、 大数据云计算高手班培训、 人工智能周末班培训、人工智能+Python全栈培训、 H5+PHP全栈工程师培训
山西学区地址:山西省晋中市榆次区大学城大学生活广场万科商业A1座702
郑州学区地址:河南电子商务产业园6号楼4层407
咨询电话:0371-55177956
武汉学区地址:湖北省武汉市江夏区江夏大道26号 宏信悦谷创业园4楼
咨询电话:027-87989193
四川学区地址:成都市高新区锦晖西一街99号布鲁明顿大厦2栋1003室
咨询电话:028-65176856 / 13880900114
深圳校区地址:深圳市宝安区航城街道航城大道航城创新创业园A4栋210(固戍地铁站C出口)
咨询电话:0755-23061965 / 18898413781
上海尚学堂松江校区地址:上海市松江区荣乐东路2369弄45号绿地伯顿大厦2层
咨询电话:021-67690939
广州校区地址:广州市天河区元岗横路31号慧通产业广场B区B1栋6楼尚学堂(地铁3号线或6号线到“天河客运站”D出口,右拐直走约800米)
咨询电话:020-2989 6995
保定招生办公室
地址:河北省保定市竞秀区朝阳南大街777号鸿悦国际1101室
电话:15132423123