美文网首页
javascript 箭头函数与function函数区别

javascript 箭头函数与function函数区别

作者: jiaming_ | 来源:发表于2023-06-01 15:47 被阅读0次

再入坑

今天整vue时又入了箭头函数的坑,记得以前学习过,很久没搞又忘记了,记录下:

mounted: ()=>{
    console.log("ipcRenderer", ipcRenderer, this);
  },

vue页面的mounted调用后,this始终是undefined,最后一番查资料搜索,发现这里需要用function声明函数才可以访问到vue实例的this...

mounted: function(){
    console.log("ipcRenderer", ipcRenderer, this);
},

箭头函数与function函数的主要区别:

1.箭头函数的this只与代码块上下文有关,function函数的this才与调用者有关。
2.箭头函数不能使用arguments对象,是可以使用剩余参数语法来获取函数的参数。普通函数声明可以使用arguments对象来获取函数的参数。
3.箭头函数不能使用yield关键字,因此不能用作生成器函数。普通函数声明可以使用yield关键字来定义生成器函数。
4.箭头函数是匿名的,function函数可以有名称。

切记切记

相关文章

  • 箭头函数介绍

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数与传统的JavaScript函数主...

  • 简单说 JavaScript的箭头函数

    说明箭头函数本质还是函数,我们来看看他与JavaScript中普通函数的区别,先看看写法上的区别。 写箭头函数,我...

  • 箭头函数和普通函数的区别

    定义:箭头函数没有function关键字,而是一个类似箭头的函数。 等价于 区别: 箭头函数作为匿名函数,是不能作...

  • 普通函数和箭头函数的this指向

    普通函数与箭头函数 普通函数指的是用 function 定义的函数: var hello = function()...

  • 箭头函数和普通函数的区别

    什么是箭头函数? 箭头函数就是没有function关键字,而是一个类似箭头的函数: 相当于 它们之间的区别: 箭头...

  • 箭头函数(常用)

    ES6 允许使用箭头(=>)定义函数 箭头函数对于使用function关键字创建的函数有以下区别1.箭头函数没有a...

  • JavaScript深入浅出第1课:箭头函数中的this究竟是什

    摘要: 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数:...

  • 箭头函数

    箭头函数与传统的JavaScript函数主要区别在于以下几点: 1、对 this 的关联。函数内置this的值,取...

  • 前端笔记(5)JavaScript中this 关键字的机制

    JavaScript中有几种函数 1.使用function定义的函数 2.使用箭头函数定义的函数 3.在class...

  • es6

    箭头函数与普通函数的区别 箭头函数是匿名函数,不能作为构造函数,不能使用new 箭头函数不绑定arguments,...

网友评论

      本文标题:javascript 箭头函数与function函数区别

      本文链接:https://www.haomeiwen.com/subject/hunuedtx.html