ES6中的箭头函数和普通函数有什么区别?

ES6中的箭头函数和普通函数有什么区别?

1、普通函数的 this 永远指向调用它的那个对象(谁调用,this 就指向谁)

箭头函数没自己的 this,它的 this 永远指向其定义环境,任何方法都不能改变其指向,如 call()、bind()、apply()等。(正因为它没有 this,所以也就不能用作构造函数,也没有原型对象)。

2、箭头函数不能当做构造函数,也就是说,不能使用 new 命令,否则会报错。

3、箭头函数没有原型属性。

4、箭头函数不能使用 arguments 对象,该对象在函数体内不存在,可以使用剩余运算符(rest)来替代。

function func(a,b,c){
  console.log(arguments[0],arguments[1],arguments[2]) 
}
func(1,2,3) //1,2,3
let func = (...rest) => {
  console.log(rest)
}
func(1,2,3)  //[1,2,3]

5、变量提升:由于 js 的内存机制,function 的级别最高,而用箭头函数定义函数的时候,需要var、let、const关键字,而 var 所定义的变量不能得到变量提升,所以箭头函数一定要定义在调用之前。

js 中 this 的指向问题:

1、普通函数中,this 指向其函数的直接调用者(谁调用,this 就指向谁)。

2、箭头函数中,this 指向其定义环境,任何方法都不能改变 this 的指向,如 call()、bind()、apply()等。

3、构造函数中,如果不使用 new ,则 this 指向window,如果使用 new 创建了一个实例,则 this 就指向该实例。

4、window 内置函数中,如 setInterval、setTimeout 等,其内部的 this 指向 window 。

5、匿名函数的 this 指向 window 。

6、apply()、call()、bind() 可以改变 this 的指向。


版权声明:本文为m0_48298027原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。