返回
前端技艺进修：小知识点扫盲笔记记录12
前端
2023-11-20 21:25:06
前端技术日新月异，为了跟上技术发展的脚步，持续学习和掌握新知识、新技能非常重要。本文以笔记记录的方式总结和梳理了一系列前端小知识点，内容包含实例化、节流函数、防抖函数、数组去重等，旨在帮助前端开发人员夯实基础知识，提升开发技能，优化开发流程。
前言
1. 手写instanceOf
instanceOf运算符用于判断一个对象是否属于某个类。我们可以通过如下步骤手写instanceOf运算符：
- 检查右操作数是否为函数。
- 如果是，则检查左操作数是否为该函数的实例。
- 如果是，则返回true，否则返回false。
2. 手写节流函数
节流函数用于限制函数的执行频率，使其在指定的时间间隔内只执行一次。我们可以通过如下步骤手写节流函数：
- 设置一个标志位，用于指示函数是否处于冷却期。
- 设置一个计时器，用于记录函数上次执行的时间。
- 当函数被调用时，首先检查标志位是否为true。
- 如果是，则忽略本次调用，否则执行函数并更新计时器和标志位。
3. 手写防抖函数
防抖函数用于限制函数的执行频率，使其在指定的时间间隔内只执行一次，但与节流函数不同的是，防抖函数会累积函数的调用，并在时间间隔结束时执行函数。我们可以通过如下步骤手写防抖函数：
- 设置一个标志位，用于指示函数是否正在执行。
- 设置一个计时器，用于记录函数上次执行的时间。
- 当函数被调用时，首先检查标志位是否为true。
- 如果是，则忽略本次调用，否则执行函数并更新计时器和标志位。
- 在时间间隔结束时，检查标志位是否为true。
- 如果是，则执行函数并更新标志位。
4. 找出在第一个数组出现,第二个数组不出现数字
我们可以通过如下步骤找出在第一个数组出现，但第二个数组不出现的数字：
- 将第一个数组中的数字放入一个集合。
- 将第二个数组中的数字放入另一个集合。
- 使用第一个集合减去第二个集合，得到一个新的集合。
- 将新集合中的数字输出。
5. 数组去重方式1
我们可以通过如下方式对数组进行去重：
- 使用Set数据结构。
- 将数组中的元素放入Set数据结构中。
- Set数据结构会自动去除重复的元素。
- 将Set数据结构中的元素输出。
6. 数组去重方式2
我们可以通过如下方式对数组进行去重：
- 使用indexOf()方法。
- 遍历数组，对于每个元素，使用indexOf()方法检查该元素在数组中第一次出现的位置。
- 如果indexOf()方法返回-1，则该元素是唯一的，将其输出。
7. 数组去重方式3
我们可以通过如下方式对数组进行去重：
- 使用lastIndexOf()方法。
- 遍历数组，对于每个元素，使用lastIndexOf()方法检查该元素在数组中最后一次出现的位置。
- 如果lastIndexOf()方法返回-1，则该元素是唯一的，将其输出。
8. 数组去重方式4
我们可以通过如下方式对数组进行去重：
- 使用filter()方法。
- 遍历数组，对于每个元素，使用filter()方法检查该元素是否在数组中出现过。
- 如果filter()方法返回false，则该元素是唯一的，将其输出。
9. 数组去重方式5
我们可以通过如下方式对数组进行去重：
- 使用reduce()方法。
- 遍历数组，使用reduce()方法将数组中的元素聚合为一个对象。
- 对象的键是元素的值，对象的值是元素出现的次数。
- 遍历对象，对于每个键，如果对应的值等于1，则该键对应的元素是唯一的，将其输出。
10. 总结
以上是小前端知识点扫盲笔记记录 12，希望能对各位前端开发人员有所帮助，当然学习还是要循序渐进，做到温故而知新，不断积累知识和经验，才能在前端开发领域走得更远，实现更高的成就。
