JS高级七、ES6箭头函数

箭头函数

• 1、将function变成箭头=>

<script>
    var fn = function(num1,num2){
        return num1 + num2;
    }
    //将function变成箭头=>
    var fn = (num1,num2) => {
        return num1 + num2;
    }
</script>

• 2、如果形参只有一个，（）可以不写

<script>
    var fn = num => {
        return num * 10;
    }
</script>

• 3、如果函数体中只有一行语句，{}可以不写

<script>
    var fn = num => console.log(num + 20);
</script>

• 4、如果函数体中只有一行代码，并且这行代码是return语句，则{}可以不写，return也可以不写

<script>
    var fn = num => num * 10;
</script>

• 5、如果函数体中只有一行return语句返回了一个对象

<script>
    var fn = function(){
        return { name:"cx"}
    }
    //转成箭头函数
    //此时它会把对象的{}当成函数的{}，需要使用（）把对象包起来
    var fn = () => ({ name:"cx"})
</script>