初识npm包 `utilise.is` 示例

utilise.is是一个让前端工程师更容易处理JavaScript值类型和对象类型的工具库，为了在更简单的通用标准中编写JavaScript提供了一个工具，减少代码量和重复的代码块。

安装步骤

我们可以在终端中使用以下命令轻松安装 utilise.is 库:

npm install utilise.is

使用教程

下面是一些在项目中使用 utilise.is的常用方法：

isString(): 判断一个值是否为字符串类型

const { isString } = require('utilise.is');
const stringValue = 'hello, world';
console.log(isString(stringValue)); // true

isNumber(): 判断一个值是否为数值类型

const { isNumber } = require('utilise.is');
const numberValue = 123;
console.log(isNumber(numberValue)); // true

isArray(): 判断一个值是否为数组类型

const { isArray } = require('utilise.is');
const arrayValue = [1, 2, 3, 4, 5];
console.log(isArray(arrayValue)); // true

isObject(): 判断一个值是否为对象类型

const { isObject } = require('utilise.is');
const objectValue = { name: 'chen', age: 22 };
console.log(isObject(objectValue)); // true

isNull(): 判断一个值是否为 null

const { isNull } = require('utilise.is');
const nullValue = null;
console.log(isNull(nullValue)); // true

isUndefined(): 判断一个值是否为 undefined

const { isUndefined } = require('utilise.is');
let undefValue;
console.log(isUndefined(undefValue)); // true

isFunction(): 判断一个值是否为函数类型

const { isFunction } = require('utilise.is');
const functionValue = () => alert('hello, world');
console.log(isFunction(functionValue)); // true

项目中使用示例

例如，在你的项目的DOM操作中，你经常会用到针对元素的判断：

if (utilise.isElement(myElement)) {
  // 继续进行操作
  myElement.className = 'active';
  myElement.removeChild(myChild);
} else {
  console.log('这不是 DOM 元素');
}

除此之外，这个工具库还有很多更加具体且有深度的类型判断方法，你可以查看官方文档获得更详细的信息。

总结

utilise.is 可以节省开发人员的时间和精力，提高项目的正常运行以及维护性。在编写 JavaScript 应用程序时，使用一些通用的公共标准，也许是一件具有实际意义和效益的事情。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f40dfbfdbf7be33b2567263