JavaScript中的箭头函数

ES6箭头函数详解:特点、应用场景与注意事项

没有声明式,相当于我们普通函数的定义式

var fn=(a,b)=>{

return a+b

}

var re = fn(100,200)

console.log(re)

箭头函数内部的this不符合以前函数的规则了,没有this了,es6为了跟普通函数做区别。

箭头函数的this指向离它最近的嵌套的function方法这个函数的调用者,直到顶层都没有window

如果箭头函数的形参只有一个,可以省略参数体小括号

var fn3=a=>a*a

        var re2 = fn3(100)

        console.log(re2);

箭头函数不能用来创建对象

因为箭头函数的this不是箭头函数的this,不是一个构造函数

箭头函数内部没有arguments

  var fn=(a,...x1)=>{

            console.log(a);  //10

            console.log(x1); //[20,30]

        }

        fn(10,20,30)         

var arr = []

      var obj = {

          name:'hack',

          fn:function(){

              console.log(this);

          }.bind(arr)  //这里的bind(arr)绑定了函数中的this,让this指向arr

      }

      obj.fn()

然而如果是箭头函数就不行 会报错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值