箭头函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了箭头函数相关的知识,希望对你有一定的参考价值。

参考技术A 参考: https://developer.mozilla.org/zh-CN/docs/Web/javascript/Reference/Functions/Arrow_functions

例如:

可以简写成:

例如:

当只有一个参数时,圆括号是可省略的:

例如:

没有参数的函数应该写成一对圆括号:

例如:

引入箭头函数有两个方面的作用:简化函数和不需要绑定 this 。

我们使用 map 方法一次输出一个数组各元素的长度,使用以下方法:

使用箭头函数简化:

进一步简化:

在 ECMAScript 3/5中,通过将 this 值分配给封闭的变量,可以解决 this 问题。

使用箭头函数则不用绑定 this :

ES6深入浅出-2 新版函数:箭头函数 2 视频-2.视频 箭头函数杂谈


技术图片

杂谈coffeescript

箭头函数抄的是谁? coffeescript
技术图片

技术图片
双箭头的形式
技术图片

技术图片

箭头函数简洁的语法

数组内每一个值都平方一下
技术图片
Map的写法
技术图片
箭头函数的写法
技术图片
平方后,每一个值再加1
技术图片
技术图片

number变量改成用n,更简化
技术图片

瘦箭头

瘦箭头其实就是function
技术图片

判断response里面的对象是否存在的情况
技术图片

技术图片
coffescript里面的解决方法,直接用问号解决了。
技术图片

vue中说不要使用箭头函数?

因为vue中依赖this
技术图片
用到了箭头函数就别用this
技术图片
function()简写的写法,onClick(){}
技术图片

this面试题

技术图片


技术图片

技术图片

技术图片

结束

 

以上是关于箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

面试题系列---箭头函数和普通函数的区别?箭头函数的优缺点?

箭头函数

怎么理解这个箭头函数里的this指向

箭头函数和 this指向

箭头函数的特点

bind() 和 箭头函数的this