function用es6怎么写

Posted Arvin-ma

tags:

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

1、普通函数的定义,用箭头函数表示,DemoFunction是函数名,括号表示参数,大括号表示函数体的内容。

1
2
3
let DemoFunc = (param) => {
    console.log(param)
}

2、map函数在es6中的写法,同样也是箭头函数,e表示map出来的元素,key表示当前id

1
2
3
Array.map((e, key) => {
    console.log(e, key)
})

3、类内函数的写法.

1
2
3
4
5
class FuncClass {
    myFunction(param) {
        console.log(param)
    }
}

4、thunk函数的写法,thunk代表一个中间函数,比如下面的例子,通常我们给函数传的参数是个value,但是thunk中,函数作为一个参数传给另外一个函数当参数。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
普通的写法:
let DemoFunc = (value) => {
   return value
}
DemoFunc(value) //调用 
 
thunk的写法:
let valueFunc = () => {
   console.log(value)
}
let DemoFunc = (valueFunc) => {
   return valueFunc()
}

以上是关于function用es6怎么写的主要内容,如果未能解决你的问题,请参考以下文章

提效小技巧——记录那些不常用的代码片段

ES6系列-什么是ES6?新手应该怎么理解

可以直接拿来用的15个jQuery代码片段

30秒就能看懂的JavaScript 代码片段

几个可以直接拿来用的jQuery代码片段

几个可以直接拿来用的jQuery代码片段