400-700-1307

箭头函数的用法

2019-01-29 16:20

1、无参数函数

let fn = function(){
  return 'helloWorld';
}

//简写为:
let fn = ()=>{//但是没有参数时,括号不可以省略
  return 'helloWorld';
}
//根据规则二,简写为:
let fn = ()=>'helloWorld';

2、一个参数的函数

let fn = function(a){
    return a;
}

//简写为:
let fn = (a)=>{
    return a;
}
//根据规则一,还可以简写为:
let fn = a=>{
    return a;
}
//根据规则二,还可以简写为:
let fn = a=>a;

3、多个参数的函数

let fn = function(a,b){
    return a+b;
}
//简写为:
let fn = (a,b)=>{//多于一个参数,圆括号不可省略
    return a+b;
}
//根据规则二,还可以简写为:
let fn = (a,b)=>a+b;

4、函数体代码多于一行

let fn = function(){
    console.log('hello');
    console.log('world');
    return 'helloWorld';
}
//简写为:
let fn = ()=>{
    console.log('hello');
    console.log('world');
    return 'helloWorld';
}

5、函数返回json对象时

let fn = function(){
    return {"a":5};
}

//简写为:
//let fn = ()=>{"a":5};这是错误的
//应简写为:
let fn = ()=>({"a":5});//注意{}外的圆括号。

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号