关于this的理解和箭头函数的理解

最新推荐文章于 2023-06-26 16:14:22 发布
最新推荐文章于 2023-06-26 16:14:22 发布
阅读量343 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38603437/article/details/90721558
版权

this为指向调用当前函数的主体对象，但是一个对象的回调函数在模块commonJS模块文件中，this是无效的。

因为CommonJS模块文件不是一个主体对象，所以不管是箭头还是还是非箭头，this都不指向任何对象。

以上案例为util模块的wx对象的回调函数的this指针，因为util模块并不是一个对象，所以wx对象的回调函数的this指针找不到主体就无效了

this的默认指向为指向调用当前函数的主体对象

图一看出回调函数refreshHandle函数的默认主体对象为refreshObj参数指向的对象

图二由于外部传入的主体对象的回调函数是箭头函数，所以箭头函数回向上寻找默认主体对象的所属函数的所属函数的函数的主体对象

因为主体对象的声明函数的父级对象是flash-purchase构造器的实例，所以this指向的是flash-purchase构造器的实例

this默认指针的思维导图

 

前端_小柒
关注
Vue学习笔记 7 - Vue CLI 的认识与使用 / 箭头函数
Caramely的博客
10-15 349
什么是 Vue CLI 如果你只是简单写几个 Vue 的 Demo 程序，那么你不需要 Vue CLI。但如果你在开发大型项目，那么你必然需要使用 Vue CLI。 使用 Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作，那无疑比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。 CLI 是什...
this与箭头函数
追风筝的人
06-26 314
/** *this词法与箭头函数 */ var aa = (a)=>{ console.log(a); } aa(2); /** *这个东东叫箭头函数，是function的简写 */ var obj = { id: 'so cute', cute:function fun(){ console...
前端-浅谈箭头函数的this和普通函数的this
qq_38830670的博客
08-07 6390
说起胖函数的this指向这个坑我是踩了很多遍啊， 说起this，我相信只要是做编程写代码的对this一定都有了解。我现在和大家说说JavaScript的胖函数的this指向和es5普通函数的this指向什么不一样吧。 OK ，我理解的是ES6的箭头函数的this指向是，在哪里定义的箭头函数那么它的this就指向哪里。 而ES5普通函数的this指向是，在哪里调用的函数，那么this就
箭头函数里this理解
dingbin1973的博客
01-06 115
先来看代码： var obj1={ id:4, fn:function(){ var f=() => { console.log(this); //object,f()定义在obj1对象中，this就指向obj1,这就是箭头函数this指向的关键 setTimeout(function() { console.log(this)...
箭头函数和this
为赋新辞。
12-10 440
箭头函数 var f = v => v; //等同于 var f = function () { return v } 多个参数或不需要参数 var f = () => 5; //等同于 var f = function () { return 5 } var sum = (num1, num2) => num1 + num2; //等同于 var f = functio...
深入理解Javascript箭头函数中的this
10-20
然而，需要注意的是，由于箭头函数的`this`不是动态绑定的，它不能用于那些依赖`this`动态绑定的场景，如构造函数、`new`操作符、`call`、`apply`和`bind`等。此外，箭头函数也没有`arguments`对象，如果需要访问...
关于ES6箭头函数中的this问题
11-26
深入理解箭头函数中的`this`，关键在于箭头函数没有自己的执行上下文，因此它不创建自己的`this`值。可以认为箭头函数“借用”了外层作用域的`this`。这使得箭头函数无法作为构造函数使用，因为它们无法设置新的`...
深入理解JavaScript 箭头函数
10-16
在这个例子中，`foo`是一个箭头函数，无论在哪里调用它，`this`总是指向`Cat`对象，因为箭头函数内部的`this`继承了定义它的上下文中的`this`值。 总的来说，箭头函数是ES6引入的重要特性之一，它让函数表达式的...
JavaScript基础之this和箭头函数详析
10-16
总的来说，理解`this`和箭头函数的工作原理对于编写JavaScript代码至关重要。箭头函数提供了一种更简洁的语法，同时也带来了不同的`this`行为，需要开发者在使用时特别注意。通过深入理解和实践，你可以更好地掌握...
箭头函数及this
karry_yuan的博客
05-04 538
箭头函数及this（指向和改变指向）
箭头函数和this函数
chihuomiao的博客
05-03 245
如图所示啊，我们有以上的函数声明方式 这就是箭头函数啦，上图中上面的函数和下面的函数的效果是一样哒！ 大括号去掉啦！ 小括号也省掉了 就算没有参数，也可以用下划线给它空一个出来，也是可以的。 那么箭头函数有啥用呢？ 变成箭头函数后 好像短了一点吼。 （￣︶￣）↗　 ----------------------------------------------------------------------------------------------------..
箭头函数的理解
qq_20763677的博客
08-26 517
箭头函数的理解 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可
js中的this及箭头函数
wdtn5656的博客
10-28 1641
this及箭头函数&this调用的几种类型&强制改变this指向&新增的两个定义变量的关键字&新增的变量let和const&内存问题&内存问题&箭头函数
箭头函数和this指针的一些笔记
weixin_43015194的博客
03-29 242
箭头函数 其实箭头函数也就是定义函数的一种方式。 在ES6中，定义函数主要有以下几种方式： 1.function方式 const fun = function(){ } 2.对象字面量中定义函数 const obj { fun: function(){ } } 或者 const obj { fun(){ } } 3.箭头函数定义 const fun (参数列...
1.箭头函数的理解
actores的博客
03-30 930
文章目录 1.箭头函数金额普通函数的区别 2.什么时候使用箭头函数? 3.箭头函数和回调函数的使用区别 总结 1.箭头函数金额普通函数的区别 前提：要想了解箭头函数的使用，就必须知道箭头函数中this的使用 普通函数的this： 代表的是直接调用者（JS的this是执行上下文），例如obj.arr(),那么arr（）方法中的this就是obj直接调用者 但是如果没有找到调用者，则this指的是window 箭头函数中的this： 箭头函数没有自己的this，他的this是继承.
js中基础之函数中的this和箭头函数
qq_39545346的博客
03-04 378
变量和常量 js中使用const声明一个常量 const PI = 3.14 使用var 和 let声明变量 var a = 1; let b = 2; 那么使用let和var声明变量有什么区别呢？ let可以定义块级作用域变量 let没有变量提升 let声明的变量不能重复声明 js中的this 先来看一个对象中的一个方法： var xiaoming = { name: '小明', birth: 1996, age: function () { var y =
箭头函数的简单理解
鲸落鹿林
09-14 705
如果函数的参数就一个，可以不使用（），当没有参数时也要有一个空括号。 函数体如果只有一行就不需要｛｝，表达式会自动return返回值。如果不止一行就要用｛｝来包裹起来同时还需要关键字return来返回表达式的值，没有return返回值就是undefined。 简单的箭头函数 //正常函数 var fn = function (a){ return a; }; fn(3); //...
JavaScript高级—— this与箭头函数
最新发布
qq_17189095的博客
06-26 95
也就是说，this的指向完全取决于函数调用的位置如果形参只有一个，则小括号可以省略；函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果，return省略箭头函数其实本身并没有绑定this,，即箭头函数的this去他的上级作用域下寻找，任何方法都改变不了他的指向箭头函数是匿名函数，不能作为构造函数实例化；不能使用 arguments，使用reset参数当省略花括号与return, 并且返回值是一个对象时, 对象必须包一个小括号// 1. 箭头函数的定义。
箭头函数和this指针
langmanboy的博客
04-09 149
箭头函数和this指针 1. 箭头函数 1-1 什么是箭头函数 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 new.target 箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数 let func = (arg1, arg2, ..., argN) => expression; arg1..argN 函数参数 expression 函数返回值
JavaScript高级this绑定详解及箭头函数应用
本文档主要探讨了JavaScript中关于"this"绑定规则以及箭头函数的相关知识点，帮助读者更好地理解和应用在编程实践中。首先，我们了解了JavaScript中的"this"绑定规则： 1. **默认绑定**：在非严格模式下，全局作用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值