原文:箭头函数中的this和普通函数中的this对比

ES 中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性。下面来总结一下他们之间的区别: 普通函数下的this: 在普通函数中的this总是代表它的直接调用者,在默认情况下,this指的是window, 在严格模式下,没有直接调用者的函数中的this是 undefined使用 call,apply,bind ES 新增 绑定的,this指的是 绑定的对象 箭头函数中的this: ...

2018-04-20 10:47 1 7227 推荐指数:

查看详情

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

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

Wed Oct 31 01:00:00 CST 2018 0 5736
JavaScript普通函数箭头函数

最近被问到了一个问题: javaScript 箭头函数 ( => ) 和普通函数 ( function ) 有什么区别? 我当时想的就是:这个问题很简单啊~(flag),然后做出了错误的回答…… 箭头函数的 this 和调用时的上下文无关,而是取决于定义时的上下文 ...

Tue Mar 21 04:22:00 CST 2017 0 2909
jsthis,箭头函数普通函数

四种基本用法 1. 一般方法,this代指全局对象 window 2. 作为对象方法调用,this代指当前对象 3. 作为构造函数调用,this 指代new 出的对象 4. 调用方法的apply和call方法,可以改变函数的调用对象/作用域 (this)用法 ...

Sun Sep 23 18:30:00 CST 2018 0 3962
图解-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
ES6中箭头函数普通函数this的区别(转)

看到一篇别人的博客,对this的理解又加深了一些。 普通函数的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window ...

Wed Feb 28 18:24:00 CST 2018 0 3556
ES6箭头函数普通函数有什么区别?

1、普通函数的this总是指向调用它的那个对象, 箭头函数没有自己的this,他的this永远指向其定义环境,任何方法都改变不了其指向,如call()、bind()、apply()。(正是因为它没有this,所以也就不能用作构造函数,也没有原型对象) 2、箭头函数不能当作构造函数 ...

Fri Dec 14 17:32:00 CST 2018 0 4087
ES6中箭头函数普通函数this的区别

普通函数的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数 ...

Sat Jun 10 19:02:00 CST 2017 1 16384
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM