欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

lodash內部方法getFuncName及setToString剖析詳解

 更新時間:2022年09月01日 08:46:31   作者:EricHong  
本篇章我們主要是通過了解lodash里的兩個內部方法getFuncName方法和setToString方法,在實際開發(fā)中我們也可以借鑒方法的實現(xiàn)思路,在需要的時候簡單封裝一下,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

getFuncName

getFuncName方法主要是獲取參數(shù)func的name屬性。

實現(xiàn)上主要通過函數(shù)的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方法源碼實現(xiàn)是賦值一個空對象,方便后續(xù)引用和保存。

源碼如下:

var realNames = {};

setToString

setToString方法主要是將參數(shù)“func”的“toString”方法設置為返回“string”。

該方法返回一個函數(shù)。

參數(shù)說明:

  • 參數(shù)1:func要修改的函數(shù)。
  • 參數(shù)2:字符串“toString”結果。

setToString方法在實現(xiàn)上借助了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對外導出的方法,該方法可以創(chuàng)建一個返回參數(shù)value的函數(shù),返回的是新的常量函數(shù)。

使用如下:

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方法在之前的方法的篇章中介紹過,主要是返回參數(shù)本身,方便在迭代中的函數(shù)調用,是一種傳參形式。

源碼如下:

function identity(value) {
  return value;
}

shortOut

在《 lodash里內部方法getData和setData的實現(xiàn) 》中我們了解到shortOut方法的實現(xiàn)。

小結

本篇章我們簡單了解了lodash里的兩個內部方法getFuncName和setToString的實現(xiàn),同時我們也在了解實現(xiàn)的過程中認識到了constant、defineProperty等內部方法的實現(xiàn),更多關于lodash內部方法的資料請關注腳本之家其它相關文章!

相關文章

  • http proxy 對網絡請求進行代理使用詳解

    http proxy 對網絡請求進行代理使用詳解

    這篇文章主要為大家介紹了http proxy 對網絡請求進行代理使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • Google 地圖疊加層實例講解

    Google 地圖疊加層實例講解

    本文主要介紹Google 地圖疊加層,這里幫大家整理了Google地圖疊加層一些實用代碼并詳細介紹了相關知識,有需要的小伙伴可以參考下
    2016-08-08
  • JavaScript?Canvas實現(xiàn)噪點濾鏡回憶童年電視雪花屏

    JavaScript?Canvas實現(xiàn)噪點濾鏡回憶童年電視雪花屏

    這篇文章主要為大家介紹了JavaScript?Canvas實現(xiàn)噪點濾鏡回憶童年電視雪花屏,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • JavaScript 實現(xiàn)點擊關閉全屏示例詳解

    JavaScript 實現(xiàn)點擊關閉全屏示例詳解

    這篇文章主要為大家介紹了JavaScript 實現(xiàn)點擊關閉全屏示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-08-08
  • yocto queue微型隊列數(shù)據(jù)結構源碼解讀

    yocto queue微型隊列數(shù)據(jù)結構源碼解讀

    這篇文章主要為大家介紹了yocto queue微型隊列數(shù)據(jù)結構源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • Javascript基礎知識中關于內置對象的知識

    Javascript基礎知識中關于內置對象的知識

    這篇文章主要介紹了Javascript基礎知識中關于內置對象的相關知識的相關資料,需要的朋友可以參考下面小編薇大家?guī)淼木饰恼?/div> 2021-09-09
  • Parcel配置public靜態(tài)文件目錄過程解析

    Parcel配置public靜態(tài)文件目錄過程解析

    這篇文章主要為大家介紹了Parcel配置public靜態(tài)文件目錄實現(xiàn)過程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-06-06
  • 前端工程化cjs?umd?esm?打包差異詳解

    前端工程化cjs?umd?esm?打包差異詳解

    這篇文章主要為大家介紹了前端工程化cjs?umd?esm?打包差異詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • JavaScript Dom對象的操作

    JavaScript Dom對象的操作

    這篇文章主要介紹了JavaScript Dom對象的操作,文張以瀏覽器網頁就是一個Dom樹形結構做為核心,然后根據(jù)核心進行更新Dom節(jié)點、獲得Dom節(jié)點、刪除一個Dom節(jié)點、添加一個新的節(jié)點操作,下面文章是詳細內容,需要的朋友可以參考以下
    2021-11-11
  • js 實現(xiàn)Material UI點擊漣漪效果示例

    js 實現(xiàn)Material UI點擊漣漪效果示例

    這篇文章主要為大家介紹了js 實現(xiàn)Material UI點擊漣漪效果示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09

最新評論