广告位联系
返回顶部
分享到

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

JavaScript 来源:互联网 作者:佚名 发布时间:2022-08-30 21:35:05 人浏览
摘要

getData getData方法主要是获取方法的元数据metadata。 getData实现上借助metaMap和noop两个内部方法。 metaMap metaMap方法获取当前环境下的WeakMap对象。 1 2 import WeakMap from ./_WeakMap.js; var metaMap = W

getData

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

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

metaMap

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

1

2

import WeakMap from './_WeakMap.js';

var metaMap = WeakMap && new WeakMap;

WeakMap

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

源码如下:

1

2

3

import getNative from './_getNative.js';

import root from './_root.js';

var WeakMap = getNative(root, 'WeakMap');

noop

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

源码如下:

1

function noop() {}

getData源码实现

1

2

3

4

5

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里已经介绍过了。

1

2

3

4

5

6

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]。

源码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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源码实现

1

2

3

import baseSetData from './_baseSetData.js';

import shortOut from './_shortOut.js';

var setData = shortOut(baseSetData);


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。

您可能感兴趣的文章 :

原文链接 : https://juejin.cn/post/7136788189808689182
    Tag :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计