Underscore.js _.result()函数介绍

Underscore.js是一个流行的JavaScript库，它提供了许多原型方法来操作集合，函数，对象等数据类型。

其中一个非常有用的函数是_.result()。本文将详细介绍该函数API，如何使用它以及它的一些用例。

API

_.result(object, property, [defaultValue])

• object: 需要被查询的对象。
• property: 查询的属性。
• defaultValue（可选）：当查询的属性值为null或undefined时，将返回此默认值。

用法

下面是一个基本示例，使用_.result()函数查询对象属性：

const user = {
  name: 'John',
  age: 30
};

const userName = _.result(user, 'name');
console.log(userName); // "John"

在上面的示例中，我们查询了user对象中的name属性。

现在，我们也可以查询该对象中不存在的属性,并指定默认值：

const user = {
  name: 'John',
  age: 30
};

const userLocation = _.result(user, 'location', 'unknown');
console.log(userLocation); // "unknown"

在上面的示例中，由于user对象中没有location属性，所以我们使用'unknown'作为默认值。

用例

用于模板引擎

_.result()函数可以用于模板引擎，它允许我们在模板中使用对象属性和默认值。

例如，假设我们有一个用户对象，该对象有一个地址对象，我们想在模板中显示用户的街道地址。

我们可以使用以下代码：

const user = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    street: 'Broadway'
  }
};

const template = 'My address is <%= _.result(user, "address.street", "unknown") %> in <%= _.result(user, "address.city", "unknown") %>.';

const compiled = _.template(template);
console.log(compiled({user: user}));
// "My address is Broadway in New York."

在上面的示例中，我们使用了_.template()函数来编译模板，然后使用_.result()函数显示用户的地址。当地址或城市为null或undefined时，我们使用了"unknown"作为默认值。

在条件语句中使用

我们可以在条件语句中使用_.result()函数，以更好地处理undefined或null的值。

例如，假设我们有一个对象，其中包含数字和null值：

const userInput = {
  value: null
};

if (_.result(userInput, 'value', 0) > 0) {
  console.log('Positive');
} else {
  console.log('Non-positive');
}

在上面的示例中，我们使用了_.result()函数来获得userInput.value的数字值。由于其返回值为null，我们使用了0作为默认值。因此，如果输入的值大于零，则会输出“Positive”。

结论

_.result()函数是Underscore.js库中一个强大的功能，允许我们查询对象属性并指定默认值。当我们需要与处理undefined或null的值或使用模板引擎时，它非常有用。