ES6 箭头函数 使用详解!! 一遍就会!

ES6 箭头函数 使用详解!!

1. 箭头函数使用说明

简述:箭头函数
使用说明

  1. 使用箭头符号(=>)来表示函数,例如:() => {}。
  2. 如果函数只有一个参数,可以省略参数周围的括号。例如:x => {}。
    3. 如果函数有多个参数,需要使用括号将它们括起来。例如:(x, y) => {}。
  3. 如果函数体只是一个表达式,可以省略花括号。例如:(x, y) => x + y
  4. 如果函数体有多个语句,则需要用花括号将它们括起来,并在每个语句之间使用分号。例如:(x, y) => { let z = x + y; return z; }
    6. 箭头函数可以作为回调函数或者函数参数来使用。
  5. 如果箭头函数没有参数值 则括号也不能省略

2. 箭头函数的使用注意事项

  1. 箭头函数没有自己的this值,它的this值会继承父级作用域的this值,因此可以避免this指针的混淆。
    

举例:在这里插入图片描述

当var age = 90 不存在的时候 下面的方法调用只会输出undefined
但是当他存在的时候 则会输出age 的值99
由此可见this所指向的对象是window 而不是该对象

  1. 箭头函数不能作为构造函数使用,因为它们没有自己的this值。

  2. 箭头函数不能使用arguments对象,但可以使用rest参数来代替。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值