箭头函数(()=>)

箭头函数的特点:

  1. this 是静态的,this始终指向函数声明时所在作用域下的this的值
	function getName() {
        console.log(this.name);
    }
    let getName2 = () => {
        console.log(this.name);
    }

    // 设置window对象的name属性
    window.name = '石兴丽';
    const school = {
        name: 'sxl'
    }
    // 直接调用
     getName(); //石兴丽
     getName2();//石兴丽

    // 方法调用
     getName.call(school); //sxl
     getName2.call(school); //石兴丽

2.不能作为构造函数实例化对象

	let Person = (name, age) => {
        this.name = name;
        this.age = age;
    }
    let me = new Person('xiao', 30)
    console.log(me); //报错

3.不能使用arguments变量

 	let fn = () => {
        console.log(arguments);
    }
    fn(1, 2, 3) //报错

4.箭头函数的简写
1)省略小括号,当形参有且只有一个的时候

	let add = (n) => {
        return n + n;
    }
    console.log(add(9)); //18

    let add = n => {
        return n + n;
    }
    console.log(add(6)); //12

2)省略花括号,当达玛提只有一条语句的时候,此时return语句也要省略,而且语句的执行结果就是函数的返回值

	let pow = (n) => {
        return n * n;
    }
    console.log(pow(9)); //81

    let pow = (n) =>
        n * n;
    console.log(pow(3)); //9

注:箭头函数适合与 this无关的回调,定时器,数组的方法回调箭头函数
不适合与 this有关的回调,事件回调,对象的方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值