箭头函数

113 阅读1分钟
<script>
    //箭头函数

    //1.函数 无参
    function fn() {
        console.log('无参');
    }
    fn();
    //用箭头函数改造 无参
    let fnS = () => { //必须使用具名函数
        console.log('改造的无参');
    }
    fnS()
    
    //2.一个参数
    function fnOne(a){
        console.log(a);
    }
    fnOne('一个参数');
    //改造 一个参数
    let fnOneS = (a) => {
        console.log(a);
    }
    fnOneS('改造的一个参数')

    //一个参数的特殊简写
    let fnOneS1 = a => console.log(a);
    fnOneS1('一个参数的简写');

    //3.多参(两个以上即为多参)
    function more(a,b){
        console.log(a+b);
    }
    more('你好啊','明天');
    //改造 多参
    let moreS = (a,b) => {
        console.log(a+b);
    }
    moreS('你好啊','后天');

    //多参特殊返回值的简写
    let moreS1 = (a,b) => a+b;
    let moreS1Str = moreS1('多参的','简写');
    console.log(moreS1Str);
</script>