<!--语法-->
1.function 用var let contst 来表示
2.参数要写在第一个等号后面
a.如果没有参数,需要写一对空的小括号
b.只有一个参数,那就直接写,不用加括号
c.参数有多个,需要加一个小括号,参数用逗号隔开
3.函数的主体放在箭头函数的后面,如果语句只有一条,那就直接写,
如果语句多条,需要把他们放在大括号里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>箭头函数</title>
</head>
<body>
</body>
</html>
<script>
// 1.没有形参(需要加小括号占位)函数体内只含有一行代码(省略花括号)
// 一般函数
var fn_old=function () {
console.log('dddddd')
}
fn_old()
//箭头函数的表示时
var fn_new=()=>console.log('cccc')
fn_new()
// 2.有一个形参(省略小括号)函数体内只含有一行代码(省略花括号)
// 一般函数
var fn_old=function (a) {
console.log(a)
}
fn_old('我是翠花')
//箭头函数的表示时
var fn_new=a=> console.log(a)
fn_new('我是花花')
// 3.有两个及两个以上的参数,函数体内部有一行代码(省略花括号)
// 一般函数
var fn_old=function (a,b) {
console.log(a,b)
}
fn_old('我是翠花','我是熊大')
//箭头函数的表示时
var fn_new=(a,b)=> console.log(a,b)
fn_new('我是光头强','我是强哥')
//4.有两个或两个以上的参数,函数体内有多行代码(花括号不能省略)常用
// 一般函数
var fn_old=function (a,b) {
console.log(a,b)
return a+b
}
var sum=fn_old(1,2)
console.log(sum)
//箭头函数的表示时
var fn_new=(a,b)=> {
console.log(a,b)
return a+b
}
var sum=fn_new(3,4)
console.log(sum)
</script>