JS函数 匿名函数(ES6箭头函数)弄得懂吗?
1.传统JS函数
function 函数名(参数1,参数2...){
函数体;
如果有返回值,那么直接写return 表达式;不需要考虑向java那样声明返回类型
}
举个例子:
function sum(a,b){
return a+b;
}
调用:
const c = sum(3,5);
console.log(c)
2.匿名JS函数
解释:匿名是对于函数来说的
var 变量名 = function(参数1,参数2...){
函数体;
如果有返回值,那么直接写return 表达式;不需要考虑向java那样声明返回类型
}
举个例子:
var sum = function(a,b){
return a+b;
}
调用:
const c = sum(3,5)
console.log(c)
太恶心的,说好的匿名的, 结果给函数的返回值起了个名字,通过返回值的名字去调用 真恶心 呸
3.ES6箭头函数 =>
箭头函数和匿名函数非常相似
我认为的好处就是随时随地可以写一个函数,不需要提前声明,在此没有举例子,不要误导
var 变量名 = (参数1,参数2...) => {
函数体;
}
举个栗子
var fn = (a,b) => {
return a+b;
}
调用:
var c = fn(1,3)
console.log(c)
3.1 箭头函数的省略式写法
- 当参数只有一个时:( )可以省略 ,没有参数时:()一定不可省
- 当函数体只有一行时:{ } 可以省略
- 当返回值是一个对象时:return 可以省略, { } 用( )代替,避免重复 举例如下:
var fn = (name,age) => ({
name: name,
age: age
})