npm 包 aimee-is 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

aimee-is 是一个很好用的 JavaScript 库，它可以帮助前端开发者判断数据类型、判断浏览器版本、判断设备等等。它是在 is.js 的基础上进行了改进和升级，是一个功能更为完善的库。

在本篇文章中，我们将介绍 aimee-is 的使用方法，详细介绍它所支持的各种数据类型判断方法以及浏览器信息判断方法，并给出一些实用的例子。希望本文可以对大家的前端开发工作有所帮助。

安装和引用

aimee-is 是一个 npm 包，可以通过 npm 命令进行安装：

npm install aimee-is

安装完成后，在需要使用的 JS 文件中直接引入即可：

import { isNumber } from 'aimee-is';

支持的数据类型判断方法

aimee-is 支持以下数据类型的判断：

数字
字符串
布尔值
null
undefined
对象
函数
数组
正则表达式
日期对象
HTML 元素对象

接下来我们将分别介绍每种类型的判断方法。

判断数字

判断一个值是否为数字类型，可以使用 isNumber 方法：

import { isNumber } from 'aimee-is';

isNumber(5); // true
isNumber('5'); // false

判断字符串

判断一个值是否为字符串类型，可以使用 isString 方法：

import { isString } from 'aimee-is';

isString('hello world'); // true
isString(123); // false

判断布尔值

判断一个值是否为布尔值类型，可以使用 isBoolean 方法：

import { isBoolean } from 'aimee-is';

isBoolean(true); // true
isBoolean(1); // false

判断 null

判断一个值是否为 null，可以使用 isNull 方法：

import { isNull } from 'aimee-is';

isNull(null); // true
isNull(undefined); // false

判断 undefined

判断一个值是否为 undefined，可以使用 isUndefined 方法：

import { isUndefined } from 'aimee-is';

isUndefined(undefined); // true
isUndefined(null); // false

判断对象

判断一个值是否为对象类型，可以使用 isObject 方法：

import { isObject } from 'aimee-is';

isObject({ name: '张三' }); // true
isObject([]); // false

判断函数

判断一个值是否为函数类型，可以使用 isFunction 方法：

import { isFunction } from 'aimee-is';

isFunction(function() {}); // true
isFunction(() => {}); // true
isFunction({}); // false

判断数组

判断一个值是否为数组类型，可以使用 isArray 方法：

import { isArray } from 'aimee-is';

isArray([1, 2, 3]); // true
isArray({ name: '张三' }); // false

判断正则表达式

判断一个值是否为正则表达式类型，可以使用 isRegExp 方法：

import { isRegExp } from 'aimee-is';

isRegExp(/^\d+$/); // true
isRegExp('/^\d+$/'); // false

判断日期对象

判断一个值是否为日期对象类型，可以使用 isDate 方法：

import { isDate } from 'aimee-is';

isDate(new Date()); // true
isDate('2019-1-1'); // false

判断 HTML 元素对象

判断一个值是否为 HTML 元素对象类型，可以使用 isElement 方法：

import { isElement } from 'aimee-is';

isElement(document.body); // true
isElement(document.querySelector('.wrapper')); // true

浏览器信息判断方法

除了对数据类型的判断外，aimee-is 还提供了一些判断浏览器相关信息的方法，如下所示。

判断当前浏览器

判断当前使用的浏览器是哪个类型，可以使用 isBrowser 方法：

import { isBrowser } from 'aimee-is';

isBrowser('chrome'); // true
isBrowser('Safari'); // false

判断浏览器版本

判断当前浏览器的版本号，可以使用 isVersion 方法：

import { isVersion } from 'aimee-is';

isVersion('chrome', '>=70'); // true
isVersion('Firefox', '<60'); // false

判断是否为移动设备

判断当前设备是否为移动设备，可以使用 isMobile 方法：

import { isMobile } from 'aimee-is';

isMobile(); // false

判断是否为 iOS 设备

判断当前设备是否为 iOS 设备，可以使用 isIOS 方法：

import { isIOS } from 'aimee-is';

isIOS(); // false

判断是否为 Android 设备

判断当前设备是否为 Android 设备，可以使用 isAndroid 方法：

import { isAndroid } from 'aimee-is';

isAndroid(); // true

示例代码

最后，我们来看几个实用的例子。

判断一个字符串是否为手机号：

-- -------------------- ---- -------
------ - -------- - ---- -----------

-------- --------------- -
  -- ------------- -
    ------ ------
  -
  ------ ----------------------
-

-------------------------- -- ----
------------------------- -- -----
--------------------------- -- -----

判断当前浏览器是否为 IE：

import { isBrowser } from 'aimee-is';

if (isBrowser('IE')) {
  console.log('当前浏览器为 IE');
} else {
  console.log('当前浏览器不是 IE');
}

判断用户的设备类型：

-- -------------------- ---- -------
------ - ---------- ----- - ---- -----------

-- ------------- -
  -----------------------
- ---- -- --------- -
  ------------------ ------
- ---- -
  ------------------------- ------
-

结语

本文介绍了 npm 包 aimee-is 的使用方法，包括对多种数据类型的判断和对浏览器相关信息的判断。通过本文的介绍，相信大家已经了解了这个工具的强大，并且可以在实际开发中灵活使用。

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