2022.4.7学习笔记

最新推荐文章于 2024-11-04 19:08:00 发布

Qx7

最新推荐文章于 2024-11-04 19:08:00 发布

阅读量121

点赞数

分类专栏：学习笔记文章标签：前端

本文链接：https://blog.csdn.net/m0_51658494/article/details/124030589

版权

学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文详细介绍了ES6中的Map和Set类的使用方法，包括map()方法和Map对象的基本操作。此外，还探讨了JavaScript中this的指向问题，特别是在不同调用场景下，如普通函数、对象方法、构造函数以及在setInterval和setTimeout中的行为。文中指出在异步函数中，this可能会指向window，但可以通过闭包、bind或箭头函数来解决this指向问题。

摘要由CSDN通过智能技术生成

2022.4.7学习笔记

一.知识点整理

ES6中map，set类的用法
map()方法：https://blog.csdn.net/boysky0015/article/details/72798424
map对象：https://blog.csdn.net/weixin_41646716/article/details/91509295
parseInt():https://blog.csdn.net/shangshanling/article/details/7

二、 This的指向问题

普通函数的时候，this指代的是window对象；
当函数作为对象的方法被调用时，this指向该对象；
构造器和普通函数的区别在于被调用的方式：当new运算符调用函数时，总是返回一个对象，this通常也指向这个对象。

但是如果该构造函数返回了一个对象，那么this指向的就是这个返回的对象，只要构造器不显示的返回任何数据，或者返回非对象类型的数据，就不会造成上述问题。

同时，如果在对象里调用的方法是window的方法（setTimeout，setInterval），this指向的仍然是window

在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，可以利用闭包、bind()、箭头函数来解决

因为箭头函数本身没有this，它的this就是自动指向函数上下文（最近作用域）的this，但是与对象无关