箭头函数

165 阅读1分钟
<!--语法-->
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>