箭头函数总结

• 箭头函数

• 说白了就是匿名函数的一个简写

• 简写规则：

•  1. function 改成=>  =>可以读成goesto
  

•  2. 如果只有一个形参，那就可以省略形参小括号
  

•  3. 如果不是一个形参，0个或多个形参，那就不能省略这个形参小括号了
  

•  4. 如果函数体只有一句话，那就可以省略函数体的大括号
  

•  5. 如果函数体只有一句话，并且这一句话是return返回值，那return也要省略
  

•  6. 如果函数体不是一句话，那就不能省略大括号
  

/**
 * 箭头函数
 * 说白了就是匿名函数的一个简写
 * 
 * 简写规则：
 *      1. function 改成=>  =>可以读成goesto
 *      2. 如果只有一个形参，那就可以省略形参小括号
 *      3. 如果不是一个形参，0个或多个形参，那就不能省略这个形参小括号了
 *      4. 如果函数体只有一句话，那就可以省略函数体的大括号
 *      5. 如果函数体只有一句话，并且这一句话是return返回值，那return也要省略
 *      6. 如果函数体不是一句话，那就不能省略大括号
 */

//--------------------------------------
//普通的匿名函数
let fn1 = function(name){
    console.log("My name is " + name);
    
}
fn1("Stark");
//箭头函数
let fn2 = name => console.log("My name is " + name);
fn2("Tony");
//--------------------------------------

let fn3 = function(name){
    return name + "hello"
}
let fn3 = (name) => {
    return name + "hello"
}
let fn3 = name => {
    return name + "hello"
}
let fn3 = (name) =>  name + "hello"
console.log(fn3("STARK "));

//--------------------------------------
let fn4 = function(num1,num2){
    console.log(num1+num2);
    return num1+num2+30;
    
}
let fn4 = (num1,num2) => {
    console.log(num1+num2);
    return num1+num2+30;
    
}
console.log(fn4(1,2));


//--------------------------------------
setTimeout(function() {
    
}, 1000);
setTimeout(() => {
    
}, 1000);


//--------------------------------------
let fn1 = function(){
    console.log("hello");
}
let fn2 = function(name){
    console.log(name+" hello");
    
}
let fn3 = function(name,age){
    console.log(name+" hello, 你的年龄是"+age);   
}
let fn4 = function(age){
    return age + 10;
}
let fn5 = function(name,age){
    console.log(name+"hello"); 
    return age+10;
}
//--------------------------------------