美文网首页
ES6箭头函数

ES6箭头函数

作者: Locdee_落地 | 来源:发表于2018-08-07 17:53 被阅读0次

    语法

    1、 functionvarletconst来表示
    2、参数要写在第一个等号后面

    • 如果没有参数,要写一对空的小括号
    • 只有一个参数,那就直接写,不用加括号
    • 参数有多个,需要加一个小括号,参数用逗号隔开

    3.函数的主体内容放在箭头后面,如果语句只有一条,那就直接写,如果语句有多条,需要把它们放在一个大括号里

    // 1、没有形参(需要小括号占位),函数主体只有一行代码(省略花括号)
    var fn1_old = function(){
        console.log("fn1_old")
    }
    var fn1_new = () => console.log("fn1_new")
    fn1_new();
    // 2、有一个形参(省略小括号),函数主体只有一行代码(省略花括号)
    var fn2_new = a => console.log(a)
    fn2_new("fn2_new");
    // 3、有两个或以上参数(小括号不能省略),函数主体只有一行代码(省略花括号)
    var fn3_new = (a,b,c) => console.log(a,b,c)
    fn3_new(1,2,3);
    // 4、有两个或以上参数(小括号不能省略),函数主体内有多行代码(花括号不能省略)
    var fn4_new = (a,b) => {
            console.log(a,b)
            return a+b
        }
    var sum = fn4_new(2,4)
    console.log(sum)
    

    相关文章

      网友评论

          本文标题:ES6箭头函数

          本文链接:https://www.haomeiwen.com/subject/osbgqxtx.html