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, 'a0.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

复制代码
相关推荐
学网安的肆伍7 小时前
【046-WEB攻防篇】注入工具&SQLMAP&Tamper编写&指纹修改&高权限操作&目录架构
前端·架构
森林的尽头是阳光8 小时前
tree回显问题
javascript·vue.js·elementui
weixin_BYSJ19878 小时前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
Highcharts.js8 小时前
如何下载使用Highcharts Grid 开发web可编辑表格
前端·人工智能·grid 表格·web 表格·在线编辑表格·highcharts表格安装·表格开发工具
用户62960593247059 小时前
从“浏览器根本区分不了”到真正实现:刷新不退出,关闭标签页自动退出,前端判断浏览器关闭和刷新
前端
qetfw9 小时前
MWU:Vue 3 + FastAPI 的 MaaFramework 跨平台 WebUI 源码
前端·vue.js·python·fastapi·开源项目·效率工具
mfxcyh9 小时前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
wordbaby9 小时前
Web端热敏标签打印完整解决方案(QZ Tray + 译维A42)
前端
swipe9 小时前
03|Axios 请求进了后端之后:Controller、Request、Response 是怎么接住它的?
前端·后端·全栈
meilindehuzi_a9 小时前
Vue3进阶基础:指令修饰符、v-model表单绑定、动态样式、计算属性与侦听器实战
前端·javascript·vue.js