vue箭头函数、普通函数、匿名函数的this区别

最新推荐文章于 2024-09-19 00:06:03 发布
最新推荐文章于 2024-09-19 00:06:03 发布
阅读量1.1k 收藏 4
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64653272/article/details/123760606
版权

箭头函数和普通函数的this区别如下。

普通函数：调用时被决定。
根据调用我的人（谁调用我，我的this就指向谁），
this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this指向的是window；当函数被作为某个对象的方法调用时，this就等于那个对象

箭头函数：定义时被决定。
根据所在的环境（我在哪个环境中，this就指向谁

匿名函数：匿名函数的执行环境是全局性的。
匿名函数中this指向window

m0_64653272
关注
箭头函数与普通函数的区别？
yujie_Feng的博客
10-02 238
JS中的this指向 1.在方法中，谁调用，this就指向谁(.前面是谁，this就指向谁) let obj={ name:'111', fn:function(){ console.log(this);//{name: '111', fn: ƒ} } } obj.fn() 2.如果没有人调用的时候this默认的指向window function fn(){
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景
weixin_34347651的博客
03-21 609
箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发中一直在使用的API，大部分同学却对它的了解程度还是不够深... 普通函数和箭头函数的区别： 箭头函数的this指向规则： 1. 箭头函数没有prototype(原型)，所以箭头函数本身没有this let a = () =>{}; console.log(a.prototype...
Vue实战指南：Vue组件方法中如何加载匿名函数
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-19 1251
匿名函数是没有名称的函数表达式或箭头函数。它们经常被用作回调函数或一次性的逻辑处理。在Vue组件中，我们可以在方法中定义匿名函数来执行特定的任务。
vue2.0函数(箭头函数)的this作用域
anmi7832的博客
09-26 935
在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，从而导致浏览器报错。 出错代码及结果: created : function(){ axios.get('static/data.json').then(function(res){ console.log(this) //un...
九、ES6的箭头函数
zep
01-30 160
一、箭头函数的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 箭头函数：也是一种定义函数的方式 // 1.定义函数的方式：function const aaa =function
vue中箭头函数和普通函数的区分（同时和java做对比）
m0_49936845的博客
05-08 610
首先要在脑子里划分1.定义时2.使用时。
vue箭头函数和普通函数
09-10
Vue中的箭头函数和普通函数有一些区别。首先，箭头函数都是匿名函数，而普通函数可以是匿名函数也可以是具名函数。 对于作用域来说，箭头函数没有自己的作用域，它会捕获所在上下文的作用域。这意味着在箭头函数中...
vue中普通函数中的this和箭头函数中的this的区别
weixin_44432032的博客
10-04 790
1.普通函数中的this，表示的是本函数 2.箭头函数中的this，表示的是vue实例
vue中箭头函数和普通函数this指向
weixin_42490383的博客
07-18 252
哈哈哈哈
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
10-14
对于普通函数和匿名函数（也称为普通函数表达式），this的值是在函数被调用的时候决定的，而且如果函数是直接被调用（而不是作为对象的方法调用），this常常指向全局对象（在浏览器中是window）或者undefined（严格...
vue系列 箭头函数和this
我是一言
06-06 175
箭头函数的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 箭头函数: 也是一种定义函数的方式...
箭头函数和普通函数的区别
m0_61374145的博客
05-30 568
最近在学习Vue的时候经常用到箭头函数，因为对箭头函数的概念有些模糊了，所以通过这篇文章记录一下箭头函数的写法以及普通函数与箭头函数的差异。
箭头函数和普通函数的区别是什么？
weixin_44562686的博客
07-01 743
普通函数this： this总是代表它的直接调用者。 在默认情况下，没找到直接调用者，this指的是window。 在严格模式下，没有直接调用者的函数中的this是undefined。 使用call,apply,bind绑定，this指的是绑定的对象。 箭头函数this： 在使用=>定义函数的时候，this的指向是 定义时所在的对象，而不是使用时所在的对象； 不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误； 不能够使用 arguments 对象； 不能使用 yield 命令；
2020 零基础 Vue快速入门 Vue2.0使用ES6语法的箭头函数=> 对this作用域的理解 【整理】
超逸の学习技术博客
01-14 2454
文章目录1、引言2、简单介绍3、普通函数4、箭头函数 =>5、实例演示6、结束语 1、引言 最近，学Vue相关知识时，学到了axios，发现axios请求之后的回调函数里this并不指向当前vue实例，在浏览器按F12报了错，赶紧想着去解决问题，后面才知道原来还有箭头函数这个简便操作，一起来了解一下把~ 2、简单介绍 关于它们两个的比较，我就以请求一个随机获取笑话的api为例了，来说明它们的...
普通函数和箭头函数的区别
楠姐的博客
11-02 117
普通函数和箭头函数的区别 写法上面 // 普通函数 function func(){ // code } // 箭头函数 let func=()=>{ // code } 箭头函数都是匿名函数，但是普通函数可以是匿名函数也可以是具体的函数 箭头函数不能用于构造函数，不能new，普通函数可以用于构造函数，创建对象的实例 箭头函数本身是不能创建函数的，没有this，在声明的时候可以捕获函数的上下文，一旦捕获this就不能改变了。普通函数this，指向调用它的函数 箭头函数可以
箭头函数与普通函数的区别
m0_62226095的博客
10-12 269
箭头函数与普通函数的区别
js中箭头函数和this
mengsandy的专栏
09-10 2944
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值