前言
随着前端技术的日益发展和应用场景的不断增加，我们常常需要学习和使用各种第三方库和工具来提高我们的开发效率。而 npm 是前端开发中最为流行的包管理器，它提供了丰富的第三方库和工具供我们使用。
在这篇文章中，我们将会介绍一个非常实用的 npm 包 what-is，并且通过详细的使用教程和实例代码来帮助大家更好的理解和运用。
what-is 包的作用
what-is 是一个用于获取变量类型的 npm 包，它能够帮助我们快速、方便的获取变量的类型信息， 包括基本类型、对象、数组、Null、Undefined 等等。
相信对于很多前端开发者来说，我们在判断变量类型的时候肯定都经常需要写一些类似于下面这样的代码：
if (typeof variable === 'string') {
// ...
} else if (typeof variable === 'number') {
// ...
} else if (typeof variable === 'object') {
// ...
} //...有了 what-is，我们可以更加简洁、优雅地判断变量类型，具体使用方法如下。
使用方式
安装
在使用 what-is 前，我们需要先安装它。我们可以通过以下命令来在项目中安装 what-is:
npm install what-is --save
引入
在安装好 what-is 后，我们可以在需要的地方引入它：
import { whatIs } from 'what-is'或者使用 CommonJS 的方式：
const { whatIs } = require('what-is')获取变量类型
当我们需要获取变量的类型时，可以直接调用 whatIs 函数，例如：
-- -------------------- ---- ------- ----------------------- -- ------ ---------------------- -- ------ ----------------------- -- ------ ----------------------- -- ----- ------------------------- -- ---- ------------------------------ -- ---------
通过以上代码我们可以看出，what-is 实际上就是对 typeof 的封装，但是它能更加简便地对变量类型进行判断。
更多使用示例
what-is 还有一些其他的方法可以帮助我们更好的判断变量类型。
isArray
判断一个变量是否为数组
console.log(isArray([]))
// true
console.log(isArray({}))
// falseisPrimitive
判断一个变量是否为基本类型
-- -------------------- ---- ------- ---------------------------- -- ---- --------------------------- -- ---- ------------------------------ -- ---- ------------------------------------ -- ---- ---------------------------- -- -----
isPlainObject
判断一个变量是否为普通的 Object 对象
console.log(isPlainObject({}))
// true
console.log(isPlainObject(new Date()))
// falseisNumberLike
判断一个变量是否为数字类型
console.log(isNumberLike('123'))
// true
console.log(isNumberLike('hello'))
// false更多使用示例可以查看 what-is 的官方文档。
总结
what-is 作为一个非常实用的 npm 包，可以帮助我们更加方便、简洁地处理变量类型的问题，节省了我们大量的时间和代码量。希望本篇文章能够帮助大家更好的理解和运用 what-is 包，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc281e8991b448da5fb