原文:箭头函数和普通函数this指向的实例理解

一般理解: 箭头函数: 箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。 普通函数: this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this指向的是window 当函数被作为某个对象的方法调用时,this就等于那个对象 网上找的定义都很难理解。而下面的定义理解起来非常简单。 实例: 总结:箭头函数没有自己的th ...

2019-10-16 17:35 0 653 推荐指数:

查看详情

箭头函数普通函数的this指向

对于this的指向问题还是有点不太清除,这里做一下整理,方便以后查看 普通函数的this 1.普通函数的this指向的是它的调用者,谁调用这个this,,this就指向谁,比如obj,fn,这里fn最外层的this就指向obj 2.如果没有调用者,那这个this就指向window 3. ...

Fri Jun 05 19:15:00 CST 2020 0 727
普通函数箭头函数中this的指向问题

箭头函数普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ...

Wed Oct 31 01:00:00 CST 2018 0 5736
普通函数的this指向箭头函数的this指向小总结

普通函数函数调用模式: fn() this ------> window 方法调用模式: obj.fn() this ------> 指向调用者 构造函数调用模式 this--------> 实例对象 上下文调用模式, 想让this指向 ...

Sun Jun 16 01:06:00 CST 2019 0 978
图解-JS普通函数箭头函数中this的指向问题

Vue: 不要在选项 property 或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数并没有 this,this 会作为变量一直 ...

Sat May 23 01:10:00 CST 2020 0 1464
this指向问题(箭头函数没有this)

全局环境下,指向windows console.log(this.document === document); // true 函数上下文调用 function f1(){ return this; } f1() === window; // true 对象中 ...

Thu Aug 30 18:23:00 CST 2018 0 982
箭头函数与this指向问题

箭头函数中this的指向问题 箭头函数不会改变this的指向,在它外面拿到的this是什么,它里面获取到的就是什么 setTimeout方法挂载在window上面,高程中写道,超时调用的代码都是在全局作用域下执行,非严格模式下this指向window对象,严格模式下为undefined ...

Sun May 24 08:46:00 CST 2020 0 643
箭头函数中的this指向

最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...

Thu Dec 12 22:23:00 CST 2019 0 358
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM