箭头函数

80 阅读1分钟
  • this指向是静态的,指向函数声明时所在作用域下的this值
  • call()方法可以改变this指向
  • 不能作为构造实例化对象
  • 不能使用argument变量,接收的实参
let person =(name,age)=>{
this.name=name;
this.age=age;
}

箭头函数简写

形参有且只有一个,省略小括号
当代码体只有一条语句,省略花括号,return省略,执行结果就是函数的返回值

箭头函数的this指向

箭头函数适用与this无关的回调, 如 setTimeout,数组方法 箭头函数不适合与this有关的回调,如 事件回调 click ,对象方法

事件回调

ad.addEventListener("click",()=>{  
//this指向的是ad的作用域,使用用function,指向的是ad,才会有事件回调
})

对象方法

{
    name:'尚硅谷',
    getName:()=>{ 
        //this指向的是对象所在作用域,使用用function,才可以将this指向getName函数
        this.name;
    }
}