ES6---箭头函数的使用

###ES6 箭头函数:=>

1.是一种 函数的简写方式;很常用
const lx1=()=>{
            console.log(1);//1
         }
2.箭头函数可以携带参数;
 const lx2=(num1,num2)=>{
            console.log(num1+num2);//num1+num2
         }
3.箭头函数只有一个参数时,小括号可以省;
 const lx3=num1=>{
            console.log(num1);//num1
         }
4.箭头函数 函数体里面,如果只有一行代码,那么 大括号也可以省,

(1).箭头和函数体代码在一行。

(2).省了大括号,默认加上了return.

 const lx = num => num+1; 
 lx(1);//2

 //---------等价于-------//

  function lx(num){
     return num+1;
   }

 lx(1);//2

  const lx=(num1,num2)=>num1+num2;
  console.log(lx(1,2));//3
各种返回值;
let fn1 = () => 1;                                 //返回1
let fn2 = () => true;                           //返回true
let fn3 = () => "2";                            //返回 "2"
let fn4 = () => [1,2];                         //返回[1,2]
let fn5 = () => { a : 1};                      //undefined
//如果想要使用箭头函数的简写 来返回对象 大括号外面,包一层小括号
let fn6 = () => ({a:1});                           //{a:1}
//大括号 对于对象来说 最外层 符号
//大括号 对于 函数来说 函数体 符号
let fn7 = () => (100);                               //100
let fn8 = () => (true);                             //true

let fn9= (num) => num++;                               //1
let fn10= (num) => ++num;                              //2

let fn11=(num) => num||20;                 fn11(0);   //20
let fn12=(num) => num||300;                fn11(0);   //300
let fn12=(num) => num&&300;                fn11(200); //300

5.箭头函数的 this 的指向;

1.不存在this指向;

2.指向外层的对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值