js基础--箭头函数

本文探讨JavaScript中的箭头函数,重点介绍其与普通函数的区别及优势。箭头函数的特点包括参数简化、自动返回值等。箭头函数解决了ES5中`this`指向混乱的问题,其`this`值继承自父级上下文,并且不可改变。同时,箭头函数不能用作构造函数,没有`arguments`对象,不能通过`call()`、`apply()`、`bind()`修改`this`,但能正常传递参数。最后,文章提及箭头函数无原型属性,并给出类数组转数组的方法。
摘要由CSDN通过智能技术生成

箭头函数

1.当箭头函数中只有一个参数的时候,可以省略形参参数的括号
2.当箭头函数中只有一句代码的时候 可以直接省略{}
3.当箭头函数中有切只有一句代码的时候 可以省略return 箭头函数会直接的把这句代码的执行结果当作函数返回值。
4.有多条语句(要加上花括号,写法和以前一样) =>{ 语句1; 语句2; 语句3;…}

 let arr = [1, 2, 3, 4, 5];
 //   let newArr = arr.filter(function (item, index) {
   
 //    return item > 3
 //})
    let newArr2 = arr.filter(item => item > 3);

箭头函数,到底和我们的普通函数有什么区别,好处在哪?:

1.this指向问题
1.箭头函数的出现就是为了解决ES5中this指向混乱的问题
2.箭头函数没有自己的this,它的this来自父级上下文,并且永远指向父级上下文
3.箭头函数的this不会在调用的时候被改变, 因为箭头函数在声明的时候它的this就已经被永久的确定了
2.箭头函数是匿名函数 箭头函数不能作为构造函数使用 不能使用new

{
   
        /*function Fn
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值