箭头函数的适应场景？

注意事项

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，函数体内没有自己的this，其内部的this指向是外层作用域的this（在箭头函数中this的指向是固定，声明的时候就静态绑定了）
不可以作构造函数，也就是不能使用new命令，否则会报错
不能使用yield命令，所以不能做Generator函数
不可以使用arguments对象，因为对象在箭头函数体内不存在。假如要使用arguments对象，则使用rest参数代替

场景：

箭头函数适合于无复杂逻辑或无副作用的纯函数场景下，例如，map、reduce、filter的回调函数定义中
不适应与有多层嵌套的情况下使用
箭头函数不具备普通函数里常见的this、arguments等，不能用call()，apply()、bind()去改变this的指向
不适合定义对象的方法（如：对象字面量方法、对象原型方法、构造器方法）
不适合定义结合动态上下文的回调函数（如：事件绑定函数），箭头函数在声明的时候会绑定静态上下文

箭头函数的适应场景？相关推荐

ES6-7 - 箭头函数的实质、箭头函数的使用场景
箭头函数返回对象 // 这种情况要要用(),否则会将对象的{}解释为块 const fn = (a, b) => ({a:1, b:2}) 箭头函数的特点 this指向由外层函数的作用域来决定, ...
箭头运算符_论普通函数和箭头函数的区别以及箭头函数的注意事项和不适用场景...
论普通函数和箭头函数的区别以及箭头函数的注意事项和不适用场景箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱.就是这种我们日常开发中一直在使用的API,大 ...
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景
箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱.就是这种我们日常开发中一直在使用的API,大部分同学却对它的了解程度还是不够深... 普通函数和箭头函数的 ...
箭头函数与普通函数，以及使用场景
链接箭头函数和普通函数的区别如下. 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: ...
箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？
箭头函数的使用和一些特性 JS中的箭头函数用=>来标识.箭头函数有两个主要的优点: 更简短的函数: 更直观的作用域和this的绑定(不绑定this) 因为这些优点,箭头函数比起其他形式的函数声明 ...
ES6新特性_ES6箭头函数的实践以及应用场景---JavaScript_ECMAScript_ES6-ES11新特性工作笔记010
然后我们再去看,这个箭头函数的一些应用右边有块区域我们点击div以后实现2s以后,我们变成粉色我们去实现声明一个let ad得到这div对象然后给这对象添加事件监听,可以看到这里,添加了一个c ...
Js 箭头函数详细介绍（多种使用场景差异，你学会了吗？）
简要认识箭头函数是在ES6中添加的一种规范,简化了匿名函数定义的写法. 基本格式完整写法 let fn = (x,y) => {return x + y; }//function()写法 l ...
JavaScript ES6箭头函数指南
前言胖箭头函数(Fat arrow functions),又称箭头函数,是一个来自ECMAScript 2015(又称ES6)的全新特性.有传闻说,箭头函数的语法=>,是受到了CoffeeSc ...
js map 箭头_JS异常函数之箭头函数
来源:logrocket作者:Maciej Cieślar 译者:前端小智为了保证的可读性,本文采用意译而非直译. 在JS中,箭头函数可以像普通函数一样以多种方式使用.但是,它们一般用于需要匿名函数 ...

箭头函数的适应场景？

箭头函数的适应场景？相关推荐

最新文章

热门文章