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

目录
  • getData
    • metaMap
      • WeakMap
    • noop
    • getData源码实现
  • setData
    • baseSetData
      • metaMap
    • shortOut
    • 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的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Vue中使用Lodash的实现示例

    Vue中使用Lodash的实现示例

    安装 cnpm i -S lodash 全局引入 import _ from 'lodash' Vue.prototype._ = _ 使用 在任何地方使用_或者this._即可调用lodash 对象数组排序 let users = [ { user: 'a', age: 48 }, { user: 'b', age: 34 }, { user: 'a', age: 42 }, { user: 'b', age: 55 } ]; let c = this._.orderBy(users, ['a

  • lodash中pick和omit函数的用法介绍

    _.pick(object, [props]) 参数 object (Object): 来源对象. [props] (...(string|string[])): 要被忽略的属性.(注:单独指定或指定在数组中.) 返回 (Object): 返回新对象. 例子 var object = { 'a': 1, 'b': '2', 'c': 3 }; _.pick(object, ['a', 'c']); // => { 'a': 1, 'c': 3 } _.pickBy(object, [predic

  • 手写Spirit防抖函数underscore和节流函数lodash

    手写Spirit防抖函数underscore和节流函数lodash

    目录 前言 防抖函数和节流函数的区别 防抖函数的实现 基本实现 立即执行 取消功能 返回结果 节流函数的实现 基本实现 leading实现 trailing实现 取消功能和返回结果 前言 防抖函数和节流函数,无论是写业务的时候还是面试的时候,想必大家已经听过很多次了吧.但是大家在用到的时候,有了解过他们之间的区别嘛,他们是如何实现的呢?还是说只是简单的调用下像lodash和underscore这种第三方库提供给我们的节流和防抖函数呢? 防抖函数和节流函数的区别 防抖函数:是指触发了一个事件,在规

  • lodash里的toLength和toPairs方法详解

    目录 正文 toLength toPairs createToPairs baseToParis arrayMap mapToArray setToPairs 小结 正文 本篇章我们将认识lodash里的toLength方法和toPairs方法实现,同时在实现toPairs方法的过程中也能了解到其他封装的内部方法的实现. toLength toLength方法主要是将参数value转换为用作类数组对象的长度整数. 使用如下: toLength(3.2) // => 3 toLength(Numb

  • vue3+ts如何通过lodash实现防抖节流详解

    目录 安装lodash 防抖 节流 补充:vue3 引入lodash报错 总结 安装lodash npm i --save-dev @types/lodash 在组件中引入lodash import * as _ from 'lodash' 防抖 _.debounce(func, [wait=0], [options=]) 函数在延迟几毫秒之后才执行,也就是停止改变几秒后执行 参数 func (Function): 要防抖动的函数. [wait=0] (number): 需要延迟的毫秒数. [o

  • lodash里to系列之将数据转换成数字类型实现示例

    目录 正文 toNumber toFinit toInteger toSafeInteger 小结 正文 在lodash里的to系列里,将目标数据转换为数字类型的数据的方法,包括了toNumber方法.toFinit方法.toInteger方法,toSafeInteger方法,下面来看看各个方法的使用和实现. toNumber toNumber方法主要是将参数value转换为一个数字类型. 使用如下: toNumber(3.2) // => 3.2 toNumber(Number.MIN_VAL

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

    目录 getData metaMap WeakMap noop getData源码实现 setData baseSetData metaMap shortOut setData源码实现 小结 getData getData方法主要是获取方法的元数据metadata. getData实现上借助metaMap和noop两个内部方法. metaMap metaMap方法获取当前环境下的WeakMap对象. import WeakMap from './_WeakMap.js'; var metaMap

  • lodash内部方法getFuncName及setToString剖析详解

    目录 getFuncName realNames setToString baseSetToString constant defineProperty identity shortOut 小结 getFuncName getFuncName方法主要是获取参数func的name属性. 实现上主要通过函数的name属性去获取,同时也兼容原型链上属性判断. 源码如下: import realNames from './_realNames.js'; var objectProto = Object.

  • JavaScript数组reduce()方法的语法与实例解析

    前言 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. Javascript数组方法中,相比map.filter.forEach等常用的迭代方法,reduce常常被我们所忽略,今天一起来探究一下reduce在我们实战开发当中,能有哪

  • Java main方法String[]args原理实例解析

    一个程序中必定会有一个入口,java中main方法就是一个项目的的入口, public static void main(String[] args) {} eclipse的生成快捷键main+回车 ,idea的生成快捷键:psvm+回车 args数组是main方法自带的,我也不知道干什么的最近刷题遇到了三个有关的这个的题目看着我迷迷糊糊的记录一下 第一题: 第二题: 第三题 三个题都涉及了这个String[]args数组 下面以第二题为例简单说: 下面有一段代码,简单看看跟题目一样: publ

  • Android 媒体开发之MediaPlayer状态机接口方法实例解析

    Android 媒体开发之MediaPlayer状态机接口方法实例解析

    一. MediaPlayer 状态机 介绍 Android MediaPlayer 状态即图例 : 1. Idle (闲置) 状态 和 End (结束) 状态 MediaPlayer 对象声明周期 : 从 Idle 到 End 状态就是 MediaPlayer 整个生命周期; -- 生命周期开始 : 进入 Idle (闲置) 状态; -- 生命周期结束 : 进入 End (结束) 状态; Idle 和 End 状态转换 : -- 进入 Idle 状态 : MediaPlayer 刚被创建 new

  • JFrame中添加和设置JPanel的方法实例解析

    JFrame中添加和设置JPanel的方法实例解析

    Swing 程序用JFrame 对象实现了它们的窗口.JFrame 类是AWT Frame 类的一个子类.它还加入了一些Swing 所独有的特性.与 Frame 的使用十分相似.唯一的区别在于,你不能将组件加入到JFrame中.你可以或者将组件加入到JFrame 的content pane(内容面板) 中,或者提供一个新的content pane(内容面板). 面板与顶层容器的不同点:面板不能独立存在,必须被添加到其他容器内部(面板可以嵌套). JFrame 有一个 Content Pane,窗

  • xtemplate node.js 的使用方法实例解析

    工程下安装XTemplate并使用它的方法实例说明: 1.安装xtpl 复制代码 代码如下: npm install xtpl xtemplate --save 2.在views目录添加test.xtpl文件,其内容为 this is {{title}}! 4.集成到Express中,只需要在app.js中,设置模板引擎即可 var print = require('./routes/print'); //此行代码放入app.js的require 声明代码段下边 app.set('view en

  • 实例解析Json反序列化之ObjectMapper(自定义实现反序列化方法)

    对于服务器端开发人员而言,调用第三方接口获取数据,将其"代理"转化并返给客户端几乎是家常便饭的事儿.    一般情况下,第三方接口返回的数据类型是json格式,而服务器开发人员则需将json格式的数据转换成对象,继而对其进行处理并封装,以返回给客户端. 在不是特别考虑效率的情况下(对于搜索.缓存等情形可以考虑使用thrift和protobuffer),通常我们会选取jackson包中的ObjectMapper类对json串反序列化以得到相应对象.通常会选取readValue(Strin

  • Java多线程回调方法实例解析

    Java多线程回调方法实例解析

    所谓回调,就是客户程序C调用服务程序S中的某个方法A,然后S又在某个时候反过来调用C中的某个方法B,对于C来说,这个B便叫做回调方法. 下面看一个实际例子来理解: 本示例设置一个提问者,一个回答者,而回答者需要回答提问者一个很深奥的问题时,这时需要很多时间去查找,提问者又开始做其他的事情, 等回答者找到答案后,再把答案告诉提问者. 一.提问者的类 涉及到长时间的思考,要sleep,要继承Thread package com.xykj.thread; public class XiaoZhang

  • spring中FactoryBean中的getObject()方法实例解析

    本文研究的主要是spring中FactoryBean中的getObject()方法的相关内容,具体如下. FactoryBean接口定义了以下3个接口方法: Object getObject():返回有FactoryBean创建的Bean实例,如果isSingleton()返回true,则该实例会放到Spring容器的单实例缓存池中. boolean isSingleton():确定由FactoryBean创建Bean的作用域是singleton还是prototype. Class getObj

随机推荐