我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

lodash内部方法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的资料请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

React内部实现cache方法示例详解

这篇文章主要为大家介绍了React内部实现cache方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2022-11-13

亚马逊内部服务器错误:解析和解决方法

1.了解亚马逊内部服务器错误亚马逊作为全球最大的电子商务平台之一,每天处理着海量的用户请求和数据交互。然而,有时候用户可能会遇到亚马逊内部服务器错误,这可能导致无法访问网站、购物车无法加载、订单无法完成等问题。2.探索可能的原因亚马逊内部服务器错误可能由多种原因引起,包括但不限于以下几点:服务器负载过高:当亚马逊服务器上的请求过多时,服务器可能无法及时响应,导致错误出现。网络连接问题:亚马逊服务器可能...
2023-10-27

云服务器ecs实例类型有哪些内容和方法分析

云服务器ecs实例类型可以提供一系列的方法和属性,以下是一些常见的云服务器ecs实例类型的内容和方法分析:CPU使用量的分析云服务器ecs实例类型通常是虚拟机的一种形式,因此CPU使用量可以用于评估它的性能和可扩展性。在以下步骤中,可以使用CPU利用率来衡量云服务器的可扩展性:查看CPU使用情况的日志文件,以查看当前CPU使用的百分比。使用监测工具,如CPUProfiler或CPUZ2Debugger来查看每个物理CPU的使用情...
2023-10-27

awk正则表达式和内置函数的使用方法实例详解

awk正则表达式及内置函数实例详解: 1、模糊匹配:awk ‘{if($3~/97/) print $0}' data.f:如果第三项中含有”97”则打印该行awk ‘{if($4!~/ufcx/) print $0}' data.f:如果
2022-06-04

编程热搜

目录