原文:ES5与ES6 this 指向详细解析(箭头函数)

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

2019-06-10 14:49 0 1352 推荐指数:

查看详情

ES6箭头函数及this指向

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

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

箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 (2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。 (3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替 ...

Fri Mar 10 02:16:00 CST 2017 0 9033
关于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
es6箭头函数es5的function函数区别

一.es6箭头函数es6箭头函数内部没有this,使用时会上朔寻找最近的this不可以做构造函数,不能使用new命令,因为没有this函数体内没有arguments,可以使用rest参数代替不能用yield,不能使用generator函数二.疑问下面代码中的箭头函数arrows的this指向 ...

Sat Mar 21 07:14:00 CST 2020 0 645
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箭头函数

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

Thu Apr 18 21:51:00 CST 2019 1 3829
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM