ES6箭头函数

Posted yibadejiu

tags:

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

E6S越来越火,不会箭头函数就out了,今天就来讲一下箭头函数得使用!!

//普通写法
function func (text) {
    console.log(text);
}
func(‘普通函数‘);

//箭头函数写法
let func2 = (text)=>{
     console.log(text);
}
func2(‘箭头函数‘);

//一个参数箭头函数省略括号写法
let func3 = text=>{
    console.log(text);
}
func3(‘一个参数箭头函数省略括号写法‘);

//return语句只有一句得时候return和大括号{}都能去掉
let arr = [1,2,3,4,5];
let func4 = arr.map(function(item,index){
    return item > 2?‘普通函数‘:‘箭头函数‘
})
    

let func4 = arr.map(item =>{
    return item > 2?‘普通函数‘:‘箭头函数‘
});

let func4 = arr.map(item => item > 2?‘普通函数‘:‘箭头函数‘)
console.log(func4)        

  你们学会了吗?

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

类属性中的 es6 箭头函数

ES6 箭头函数

ES6新特性2:箭头函数

学习ES6箭头函数

ES6新特性2:箭头函数

ES6 箭头函数是不是与 Angular 不兼容?