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

 更新时间:2022年09月01日 08:46:31   作者:EricHong  
本篇章我们主要是通过了解lodash里的两个内部方法getFuncName方法和setToString方法,在实际开发中我们也可以借鉴方法的实现思路,在需要的时候简单封装一下,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

getFuncName

getFuncName方法主要是获取参数func的name属性。

实现上主要通过函数的name属性去获取,同时也兼容原型链上属性判断。

源码如下:

import realNames from './_realNames.js';
var objectProto = Object.prototype;
var hasOwnProperty = objectProto.hasOwnProperty;
function getFuncName(func) {
  var result = (func.name + ''),
      array = realNames[result],
      length = hasOwnProperty.call(realNames, result) ? array.length : 0;
  while (length--) {
    var data = array[length],
        otherFunc = data.func;
    if (otherFunc == null || otherFunc == func) {
      return data.name;
    }
  }
  return result;
}

realNames

realNames方法源码实现是赋值一个空对象,方便后续引用和保存。

源码如下:

var realNames = {};

setToString

setToString方法主要是将参数“func”的“toString”方法设置为返回“string”。

该方法返回一个函数。

参数说明:

  • 参数1:func要修改的函数。
  • 参数2:字符串“toString”结果。

setToString方法在实现上借助了baseSetToString内部方法和shortOut内部方法。

源码如下:

import baseSetToString from './_baseSetToString.js';
import shortOut from './_shortOut.js';
var setToString = shortOut(baseSetToString);

baseSetToString

import constant from './constant.js';
import defineProperty from './_defineProperty.js';
import identity from './identity.js';
var baseSetToString = !defineProperty ? identity : function(func, string) {
  return defineProperty(func, 'toString', {
    'configurable': true,
    'enumerable': false,
    'value': constant(string),
    'writable': true
  });
};

constant

constant方法是lodash对外导出的方法,该方法可以创建一个返回参数value的函数,返回的是新的常量函数。

使用如下:

var objects = _.times(2, _.constant({ 'a': 1 }));
console.log(objects);
// => [{ 'a': 1 }, { 'a': 1 }]
console.log(objects[0] === objects[1]);
// => true

源码如下:

function constant(value) {
  return function() {
    return value;
  };
}

defineProperty

defineProperty方法通过getNative获取原生的Object.defineProperty方法。

源码如下:

import getNative from './_getNative.js';
var defineProperty = (function() {
  try {
    var func = getNative(Object, 'defineProperty');
    func({}, '', {});
    return func;
  } catch (e) {}
}());

identity

identity方法在之前的方法的篇章中介绍过,主要是返回参数本身,方便在迭代中的函数调用,是一种传参形式。

源码如下:

function identity(value) {
  return value;
}

shortOut

在《 lodash里内部方法getData和setData的实现 》中我们了解到shortOut方法的实现。

小结

本篇章我们简单了解了lodash里的两个内部方法getFuncName和setToString的实现,同时我们也在了解实现的过程中认识到了constant、defineProperty等内部方法的实现,更多关于lodash内部方法的资料请关注脚本之家其它相关文章!

相关文章

  • 微信小程序(应用号)简单实例应用及实例详解

    微信小程序(应用号)简单实例应用及实例详解

    这篇文章主要介绍了微信小程序(应用号)简单实例应用的相关资料,需要的朋友可以参考下
    2016-09-09
  • autojs长宽不定的图片在正方形图片居中实现详解

    autojs长宽不定的图片在正方形图片居中实现详解

    这篇文章主要为大家介绍了autojs长宽不定的图片在正方形图片居中实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 探索JavaScript未来模式匹配的引入分析

    探索JavaScript未来模式匹配的引入分析

    这篇文章主要来带大家探索JavaScript的未来,关于模式匹配的引入为编程体验带来革命性变化分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 微信小程序 canvas API详解及实例代码

    微信小程序 canvas API详解及实例代码

    这篇文章主要介绍了微信小程序 canvas API详解及实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • 通过修改referer下载文件的方法

    通过修改referer下载文件的方法

    遇到了一个郁闷的事:如果让Http对象作全局变量,那么onreadystatechange只会在第一次执行时触发,以后都不会触发这个事件了。 只好在每次Down文件时重新创建一个XmlHttp对象。
    2008-05-05
  • WebWorker 封装 JavaScript 沙箱详情

    WebWorker 封装 JavaScript 沙箱详情

    这篇文章主要介绍了WebWorker 封装 JavaScript 沙箱,在前文 quickjs 封装 JavaScript 沙箱详情 已经基于 quickjs 实现了一个沙箱,今天这篇文章再基于 web worker 实现备用方案,需要的朋友可以参考一下
    2021-10-10
  • 常用的前端JavaScript方法封装

    常用的前端JavaScript方法封装

    这篇文章主要向大家介绍的是一些常用的前端JavaScript方法封装,数组去重、字符串去重、深拷贝 浅拷贝、reverse底层原理和扩展、圣杯模式的继承等多个方法,需要的朋友可以阅读下文的具体内容
    2021-09-09
  • Fabric.js 修改画布交互方式作用详解

    Fabric.js 修改画布交互方式作用详解

    这篇文章主要为大家介绍了Fabric.js 修改画布交互方式作用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • js面向对象编程OOP及函数式编程FP区别

    js面向对象编程OOP及函数式编程FP区别

    这篇文章主要为大家介绍了js面向对象编程OOP及函数式编程FP的区别详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序支付之c#后台实现方法

    微信小程序支付之c#后台实现方法

    这篇文章主要介绍了微信小程序支付之c#后台实现方法的相关资料,希望通过本文能帮助到大家,让大家实现这样的功能,需要的朋友可以参考下
    2017-10-10

最新评论