loadash知识整理

1、_.isPlainObject(value)

参数
  1. `value` (*): 要检查的值。
返回

(boolean): 如果 `value` 为一个普通对象,那么返回 `true`,否则返回 `false`。

例子

```plain

function Foo() {

this.a = 1;

}

_.isPlainObject(new Foo);

// => false

_.isPlainObject([1, 2, 3]);

// => false

_.isPlainObject({ 'x': 0, 'y': 0 });

// => true

_.isPlainObject(Object.create(null));

// => true

复制代码
<h4 id="PuQ5L">相似函数:`_.isObject(value)`</h4>
<font style="color:#1C1E21;">检查 </font>`value`<font style="color:#1C1E21;"> 是否为 </font>`Object`<font style="color:#1C1E21;"> 的</font>[language type](http://www.ecma-international.org/ecma-262/6.0/#sec-ecmascript-language-types)<font style="color:#1C1E21;">。 </font>_(例如: arrays, functions, objects, regexes,_`_new Number(0)_`_, 以及 _`_new String('')_`_)_

<h4 id="bqOJk">参数</h4>
1. `value` _(*)_: 要检查的值。

<h4 id="TBgWw">返回</h4>
_(boolean)_: 如果 `value` 为一个对象,那么返回 `true`,否则返回 `false`。

<h4 id="PwwxS">例子</h4>
```plain
_.isObject({});
// => true
 
_.isObject([1, 2, 3]);
// => true
 
_.isObject(_.noop);
// => true
 
_.isObject(null);
// => false

2、_.get(object, path, [defaultValue])

根据 `object` 对象的`path` 路径获取值。 如果解析 value 是 `undefined` 会以 `defaultValue` 取代。

参数
  1. `object` (Object): 要检索的对象。 2. `path` (Array|string): 要获取属性的路径。 3. `[defaultValue]` (*): 如果解析值是 `undefined` ,这值会被返回。
返回

(*): 返回解析的值。

例子

```plain var object = { 'a': [{ 'b': { 'c': 3 } }] }; _.get(object, 'a[0].b.c'); // => 3 _.get(object, ['a', '0', 'b', 'c']); // => 3 _.get(object, 'a.b.c', 'default'); // => 'default' ```

3、_.hasIn(object, path)

检查 `path` 是否是`object` 对象的直接或继承属性。

参数
  1. `object` (Object): 要检索的对象。 2. `path` (Array|string): 要检查的路径`path`。
返回

(boolean): 如果`path`存在,那么返回 `true` ,否则返回 `false`。

例子

```plain var object = _.create({ 'a': _.create({ 'b': 2 }) });

_.hasIn(object, 'a');

// => true

_.hasIn(object, 'a.b');

// => true

_.hasIn(object, ['a', 'b']);

// => true

_.hasIn(object, 'b');

// => false

复制代码
xfront项目中的相关使用例子如下:

```plain
 const feedback = response => {
    const type = get(response.data, 'type', 0);
    const msg = getMsg(response);
    const hasFrontMsg = hasIn(response.config, 'msg');
    switch (type) {
      case 0:
        if (hasFrontMsg) { // 此处的用处是否可以理解为判断response.config里是否包含msg属性
          Message.success(msg);
        }
        break;
      case -1:
        Message.error(msg);
        break;
      case -2:
        if (response.config.responseType !== 'blob') {
          showError({
            ...response.data,
            msg
          });
        }
        break;
    }
  };

4、`_.defaultTo(value, defaultValue)`

检查`value` ,以确定一个默认值是否应被返回。如果`value` 为`NaN` , `null` , 或者 `undefined` ,那么返回`defaultValue` 默认值。

参数
  1. `value` (*): 要检查的值。 2. `defaultValue` (*): 默认值。
返回

(*): 返回 resolved 值。

例子

```plain _.defaultTo(1, 10); // => 1

_.defaultTo(undefined, 10);

// => 10

复制代码
相关推荐
AI浩6 小时前
【Labelme数据操作】LabelMe标注批量复制工具 - 完整教程
运维·服务器·前端
涔溪6 小时前
CSS 网格布局(Grid Layout)核心概念、基础语法、常用属性、实战示例和进阶技巧全面讲解
前端·css
2401_878454537 小时前
浏览器工作原理
前端·javascript
西陵7 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn8 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码8 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
Luna-player9 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05199 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys9 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript
奇舞精选9 小时前
GELab-Zero 技术解析:当豆包联手中兴,开源界如何守住端侧 AI 的“最后防线”?
前端·aigc