Java教程

Javascript中箭头函数和普通函数的区别

本文主要是介绍Javascript中箭头函数和普通函数的区别,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一、普通函数和箭头函数的区别

1、箭头函数是匿名函数,不能作为构造函数使用,能使用new创建自己的实例

      // 箭头函数
      let arrowFun = () => console.log('kelly')
      let arrow_fun = new arrowFun() // 报错: Fun is not a constructor
      // 普通函数
      function normalFun() {
        console.log('kk')
      }
      let normal = new normalFun()
      normal // kk

2、普通函数的所有参数可用arguments表示,箭头函数不行;
在这里插入图片描述
3、箭头函数没有自己的this值,会捕获上下文的this作为自己的this
在这里插入图片描述
4、箭头函数通过call( ) 或者是 apply( ) 都无法改变其this指向
5、箭头函数没有原型,普通函数有

var a = () => {
        return 1
      }
      function b() {
        return 2
      }
      console.log(a.prototype) // undefined
      console.log(b.prototype) // {constructor: ƒ}
这篇关于Javascript中箭头函数和普通函数的区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!