ES6 箭头函数

箭头函数

说明

• function 省略掉，替换为 =>
• 参数只有一个时，可以省略()
• 函数体只有一行时，可以省略{}
• 函数体只有一行，并且有返回值时，如果省略了{}，必须省略 return

示例

• 无参，一行，无返回值

let fun1 = function(){
    console.log("Hello avaos");
}
fun1();

使用箭头函数：

let func1_1 = () => console.log("Hello avaos");
func1_1();

• 一个参数，一行，无返回值

let func2 = function(name) {
    console.log("Hello, " + name);
}
func2("avaos");

使用箭头函数：

let func2_1= name => console.log("Hello, " + name);
func2_1("avaos");

• 两个参数，多行，无返回值

let func3=function(name, age) {
   console.log("我的名字是：" +name);
    console.log("今年"+age+"岁了");
}

使用箭头函数：

let func3_1=(name, age) => {
    console.log("我的名字是：" +name);
    console.log("今年"+age+"岁了");
}

• 无参数，一行，有返回值

let func4=function(){
    return "avaos"
}

使用箭头函数：

let func4_1=()=> "avaos";

• 一个参数，一行，有返回值

let func5=function(name){
    return "Hello " + name;
}

使用箭头函数：

let func5_1= name => "Hello " + name;

• 两个参数，多行，有返回值

let func6=function(name, age) {
    console.log("我的名字是：" +name);
    console.log("今年"+age+"岁了");
    return `{name:${name},age:${age}}`;
}

使用箭头函数：

let func6_1=(name, age) => {
    console.log("我的名字是：" +name);
    console.log("今年"+age+"岁了");
    return `{name:${name},age:${age}}`;
}