ES6中箭头函数

箭头函数的使用

1.箭头函数相比普通函数来说,更为简洁,箭头函数都是匿名函数,而普通函数可以是匿名函数,也可以是具名函数。书写形式可以为

const fn = ()=>{
  方法体
}

2.箭头函数不能用来作为构造函数,不能使用new来创建
3.箭头函数的this指向外层函数的this指向,一个对象中定义的箭头函数中的this指向的是window对象
4箭头函数中不能绑定arguments,否则会报错,取而代之的是使用扩展运算符…来表示
例如:

function A(a){
  console.log(arguments); 
}

A12356);//输出结果为[1,2,3,5,6]
let f=(n)=>{
  console.log(arguments);
}
f(1,3,5,6,8);// 报错,错误显示为Uncaught ReferenceError: arguments is not defined

使用…扩展符获取箭头函数中传递的参数

let f2 =...n)=>{
 console.log(n);
}
f2(2,3,5,6,8);//输出结果为[2,3,5,6,8];

conclution:

  1. 箭头函数的this永远指向上下文的this,任何方法都改变不了其指向,如call(),apply(),bind()函数;
  2. 普通函数的this指向调用他的对象;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值