对于this的指向问题还是有点不太清除,这里做一下整理,方便以后查看 普通函数的this 1.普通函数的this指向的是它的调用者,谁调用这个this,,this就指向谁,比如obj,fn,这里fn最外层的this就指向obj 2.如果没有调用者,那这个this就指向window 3. ...
一般理解: 箭头函数: 箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。 普通函数: this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this指向的是window 当函数被作为某个对象的方法调用时,this就等于那个对象 网上找的定义都很难理解。而下面的定义理解起来非常简单。 实例: 总结:箭头函数没有自己的th ...
2019-10-16 17:35 0 653 推荐指数:
对于this的指向问题还是有点不太清除,这里做一下整理,方便以后查看 普通函数的this 1.普通函数的this指向的是它的调用者,谁调用这个this,,this就指向谁,比如obj,fn,这里fn最外层的this就指向obj 2.如果没有调用者,那这个this就指向window 3. ...
箭头函数和普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ...
普通函数: 函数调用模式: fn() this ------> window 方法调用模式: obj.fn() this ------> 指向调用者 构造函数调用模式 this--------> 实例对象 上下文调用模式, 想让this指向 ...
Vue: 不要在选项 property 或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数并没有 this,this 会作为变量一直 ...
全局环境下,指向windows console.log(this.document === document); // true 函数上下文调用 function f1(){ return this; } f1() === window; // true 对象中 ...
箭头函数中this的指向问题 箭头函数不会改变this的指向,在它外面拿到的this是什么,它里面获取到的就是什么 setTimeout方法挂载在window上面,高程中写道,超时调用的代码都是在全局作用域下执行,非严格模式下this指向window对象,严格模式下为undefined ...
最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...
ES3 ES5this的指向问题 this指的是该函数被调用的对象 ES6的箭头函数 箭头函数的this指的是定义时this的指向,b在定义时,this指向的是c被定义时的函数 ...