lodash内部方法getData和setData实例解析

 更新时间:2022年08月30日 17:12:30   作者:EricHong  
本篇章我们将了解lodash里内部关于Data的操作方法,重点关注getData、setData两个内部方法,同时由实现上引申其他内部封装的方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

getData

getData方法主要是获取方法的元数据metadata。

getData实现上借助metaMap和noop两个内部方法。

metaMap

metaMap方法获取当前环境下的WeakMap对象。

import WeakMap from './_WeakMap.js';
var metaMap = WeakMap && new WeakMap;

WeakMap

getNative方法和root变量在之前的篇章介绍过,主要是获取环境变量和全局方法。

源码如下:

import getNative from './_getNative.js';
import root from './_root.js';
var WeakMap = getNative(root, 'WeakMap');

noop

noop主要是获取undefined的返回结果。

源码如下:

function noop() {}

getData源码实现

import metaMap from './_metaMap.js';
import noop from './noop.js';
var getData = !metaMap ? noop : function(func) {
  return metaMap.get(func);
};

setData

setData方法可以设置参数func的元数据。

参数说明:

  • 参数1:表示要关联元数据的函数
  • 参数2:表示对元数据进行数据处理。

setData实现上需要借助两个内部方法,分别是:baseSetData和shortOut。

baseSetData

baseSetData是setData的基本实现,通过Map对象存储函数与数据的映射关系。

实现上借助identity方法和metaMap方法,identity方法在之前篇章中介绍过,主要是代表函数一种调用关系,该方法返回参数。metaMap方法主要是调用Map对象,这个方法在上面getData里已经介绍过了。

import identity from './identity.js';
import metaMap from './_metaMap.js';
var baseSetData = !metaMap ? identity : function(func, data) {
  metaMap.set(func, data);
  return func;
};

metaMap

shortOut

shortOut方法用于按照毫秒范围内的调用数检测热函数,可以创建一个函数,该函数将缩短并调用identity方法。

实现上通过闭包计数,只有满足调用的时间差小于HOT_SPAN时才会进入后续判断,否则count初始化为0,并且直接返回原函数以及参数关系等。

在后续处理中只有count满足大于等于HOT_COUNT时直接返回arguments[0]。

源码如下:

var HOT_COUNT = 800,
    HOT_SPAN = 16;
function shortOut(func) {
  var count = 0,
      lastCalled = 0;
  return function() {
    var stamp = nativeNow(),
        remaining = HOT_SPAN - (stamp - lastCalled);
    lastCalled = stamp;
    if (remaining > 0) {
      if (++count >= HOT_COUNT) {
        return arguments[0];
      }
    } else {
      count = 0;
    }
    return func.apply(undefined, arguments);
  };
}

setData源码实现

import baseSetData from './_baseSetData.js';
import shortOut from './_shortOut.js';
var setData = shortOut(baseSetData);

小结

本篇章我们了解到getData和setData方法实现,主要是通过Map对象对参数设置元数据,同时我们也了解到内部其他方法metaMap、noop、shortOut等方法的实现,更多关于lodash方法getData setData的资料请关注脚本之家其它相关文章!

相关文章

  • 使用 JS 复制页面内容的三种方案

    使用 JS 复制页面内容的三种方案

    这篇文章主要为大家介绍了使用 JS 复制页面内容的三种方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序中的swiper组件详解

    微信小程序中的swiper组件详解

    这篇文章主要介绍了微信小程序中的swiper组件详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • Flutter刷新组件RefreshIndicator自定义样式demo

    Flutter刷新组件RefreshIndicator自定义样式demo

    这篇文章主要介绍了Flutter刷新组件RefreshIndicator自定义样式demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 避免地狱async await的使用及原理解析

    避免地狱async await的使用及原理解析

    这篇文章主要为大家介绍了避免地狱async await的使用场景及原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 深入内存原理谈JS中变量存储在堆中还是栈中

    深入内存原理谈JS中变量存储在堆中还是栈中

    JavaScript中基本类型存储在堆中还是栈中,百度一下有很多不同的答案,本篇文章就来给大家为此做个详细的介绍,需要的朋友可以参考一下
    2021-09-09
  • 2023年了该了解下WebComponent使用教程

    2023年了该了解下WebComponent使用教程

    这篇文章主要为大家介绍了2023年了该了解下WebComponent使用教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 8个JS的reduce使用实例和reduce操作方式

    8个JS的reduce使用实例和reduce操作方式

    reduce方法是JavaScript中一个比较强大的方法,可能在平时开发中,有人根本没用过,通过下面的8个例子,学会reduce的用法以及它的常用场景,需要的朋友可以参考一下
    2021-09-09
  • 关于JavaScript 中 if包含逗号表达式

    关于JavaScript 中 if包含逗号表达式

    这篇文章主要介绍了 关于JavaScript 中 if包含逗号表达式,有时会看到JavaScript中if判断里包含英文逗号 “,”,这个是其实是逗号表达式。在if条件里,只有最后一个表达式起判断作用。下面来看看文章的具体介绍吧
    2021-11-11
  • 详解Jest 如何支持异步及时间函数实现示例

    详解Jest 如何支持异步及时间函数实现示例

    这篇文章主要为大家介绍了Jest 如何支持异步及时间函数实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue框架通用化解决个性化文字换行问题实例详解

    vue框架通用化解决个性化文字换行问题实例详解

    这篇文章主要为大家介绍了通用化解决个性化文字换行问题实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论