最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...
最近在研究ES 的新特性,箭头函数。发现了几个问题,希望跟大家分享一下,也希望能帮助下同样有此困惑的童鞋们。 正常的箭头函数是这样的: var fn a, b gt return a b fn , 这样是没有问题的。 当然,箭头函数出现的原因是为了规范化js中的this指向问题,给我们的编程带来效率。 像以往的var tent this这种写法,通过箭头函数都可以解决。 究其原因,是因为箭头函数的 ...
2016-08-17 15:15 0 3005 推荐指数:
最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...
obj 箭头函数:箭头函数本身是没有this和arguments的,在箭头函数中引用this实际上是调用 ...
箭头函数和普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ...
document下的都会指向window对象。内联事件函数中的this也是同理 而写在对象中的函数也会遵守(指向 ...
1.箭头函数的定时器this指向当前对象 var obj ={ name:"Tina", popup:function(){ setTimeout(()=>{ console.log("打印名字",this.name) },3000) }} obj.popup(); //打印名字 ...
全局环境下,指向windows console.log(this.document === document); // true 函数上下文调用 function f1(){ return this; } f1() === window; // true 对象中 ...
箭头函数中this的指向问题 箭头函数不会改变this的指向,在它外面拿到的this是什么,它里面获取到的就是什么 setTimeout方法挂载在window上面,高程中写道,超时调用的代码都是在全局作用域下执行,非严格模式下this指向window对象,严格模式下为undefined ...
Vue: 不要在选项 property 或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数并没有 this,this 会作为变量一直 ...