原文:ES6 箭头函数this指向

箭头函数有几个使用注意点。 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。 不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。 不可以使用yield命令,因此箭头函数不能用作Generator函数。 上面四点中,第一点尤其值得注意。this对象的指向是可变的, ...

2017-03-09 18:16 0 9033 推荐指数:

查看详情

ES6箭头函数及this指向

箭头函数(=>):函数简写 无参数:() => {} 单个参数:x => {} 多个参数:(x, y) => {} 解构参数:({x, y}) => {} 嵌套使用:部署管道机制 this指向固定化 ...

Thu Oct 10 21:46:00 CST 2019 0 319
es6箭头函数 this 指向问题

es5中 this 的指向 通过es5的语法调用,返回的是 a+ ,this 的指向是该函数被调用的对象,也就是说函数被调用的时候,这个 this 指向的是谁,哪个对象调用的这个函数,这个 this 就是谁。 es6箭头函数 this 的指向 箭头函数函数体中 ...

Wed Oct 31 19:29:00 CST 2018 0 1674
关于ES6箭头函数后的 this 指向问题

最近写完小程序后, 开始学习React, 因为有编译器, 就直接用ES6 新语法了, 中间自然离不开 () => { console.log(‘箭头函数的this是指向哪的问题’)}; 那么我要这里 test函数的this 指向 obj2 是要怎么做呢 来分析下上面代码 ...

Mon Dec 18 23:17:00 CST 2017 0 4736
关于es6箭头函数使用与内部this指向

特型介绍:箭头函数ES6新增的特性之一,它为JS这门语言提供了一种全新的书写函数的语法。 箭头函数简化了原先的函数语法,不需要再写 function ,如果函数体只有一行代码的话连 return 都不用写,这个特性对于热衷于简化流程和工作的程序员来说相当对胃口。 箭头函数支持 ...

Thu Apr 28 07:39:00 CST 2016 0 3720
JS中this的指向ES6箭头函数

JS中的this JS中this的指向一般可以直接归成一条规律 ====》 函数中的this function f1(){ return this; } f1() === window; // true 网上分析较多,因而将其汇总:函数中的this 一般都指向调用这个函数的对象 直接写在 ...

Sat Oct 05 22:29:00 CST 2019 0 905
ES5与ES6 this 指向详细解析(箭头函数

首先要明白箭头函数的作用: 箭头函数除了让函数的书写变得很简洁,可读性很好外;最大的优点是解决了this执行环境所造成的一些问题。比如:解决了匿名函数this指向的问题(匿名函数的执行环境具有全局性),包括setTimeout和setInterval中使用this所造成的问题。 平时我们常见 ...

Mon Jun 10 22:49:00 CST 2019 0 1352
es6箭头函数

箭头函数用 => 符号来定义。 箭头函数相当于匿名函数,所以采用函数表达式的写法。 左边是传入函数的参数,右边是函数中执行的语句。 相当于 上面是完整的写法,左边小括号,右边大括号,而下面的情况可以简写: (1)当要执行的代码块只有一条return语句时,可省略 ...

Thu Apr 18 21:51:00 CST 2019 1 3829
ES6 箭头(=>)函数

一、语法 1. 具有一个参数的简单函数 2. 没有参数的需要用在箭头前加上小括号 3. 多个参数需要用到小括号,参数间逗号间隔,例如两个数字相加 4. 函数体多条语句需要用到大括号 5. 返回对象时需要用小括号包起来,因为大括号被占 ...

Fri Nov 09 18:50:00 CST 2018 0 958
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM