箭头函数
- 匿名函数的一个简洁
简写规则- funtiion 改成 = > 可以读成goesto
- 如果只有一个形参,那就可以省略形参小括号
- 如果不是一个形参,0个或者多个形参,那就不能省略这个形参的小括号
- 如果函数体只有一句话,那就可以省略函数体的大括号
- 如果函数体只有一句话,并且这一句话是return返回值,那return也要省略
- 如果函数体不是一句话,那就不能省略这个大括号
测试代码
/普通的匿名函数
//let fn = function(name){
// console.log('我的名字'+name)
//}
//fn('111')
//箭头函数
let fn = name => console.log('我的名字'+name)
fn('111')
解构赋值,结合函数声明
测试代码
//es5
//声明一个函数,形参有多个
/*
function text1(name,age,gender){
console.log(name,age,gender)
}
text1('11',20,'男');
*/
//如果形参有多少,最好把形参写成一个对象
/*
function text1(obj){
console.log(obj.name,obj.age,obj.gender)
}
text1({
name:'波比',
age:20,
gender:'男'
})
*/
//es6
//声明一个函数,形参有多个
function text1({name,age,gender,height=10}){
console.log(name,age,gender,height)
}
text1({
name:'222',
age:20,
gender:'男',
height:30
})