JavaScript检测之basevalidate.js
上篇文章「JavaScript检测原始值、引用值、属性」中涉及了大量有用的代码范例，为了让大家更方便的使用这些代码，博主特意把这些代码重新整理并托管到 GitHub，项目地址是：https://github.com/stone0090/s-fontend/tree/master/me/basevalidate。
basevalidate.js 包含 14个独立检测方法 和 1个综合检测方法，示例代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>basevalidate test</title>
<script type="text/javascript" src="basevalidate.js"></script>
<script>
var Person = function(){
this.name = 'stone';
this.age = 30;
}
var person = new Person();
var nums = [123, 456, 789];
// 14个独立检测方法
console.log(baseValidate.isString(null));
console.log(baseValidate.isNumber(null));
console.log(baseValidate.isBoolean(null));
console.log(baseValidate.isUndefined(null));
console.log(baseValidate.isNull(null));
console.log(baseValidate.isObject(null));
console.log(baseValidate.instanceOf(null));
console.log(baseValidate.isFunction(null));
console.log(baseValidate.isArray(null));
console.log(baseValidate.isProperty(null));
console.log(baseValidate.isOwnProperty(null));
console.log(baseValidate.isDomProperty(null));
console.log(baseValidate.isBomProperty(null));
console.log(baseValidate.isEmpty(null));
// 1个综合检测方法 baseValidate(value, object)，等价于 baseValidate.validateAll(value ,object)
console.log(baseValidate('123'));
console.log(baseValidate(123));
console.log(baseValidate(true));
console.log(baseValidate(person, Person));
console.log(baseValidate(nums));
console.log(baseValidate('age', person));
console.log(baseValidate('name', person));
console.log(baseValidate(alert));
console.log(baseValidate(document.getElementById));
// 以下皆为 isEmpty() 方法为 false 的情况
console.log(baseValidate()); // 不传参数，参数默认为 undefined
console.log(baseValidate(null));
console.log(baseValidate(''));
console.log(baseValidate(0));
console.log(baseValidate(false));
console.log(baseValidate({}));
console.log(baseValidate([]));
console.log(baseValidate(NaN));
</script>
</head>
<body></body>
</html>
测试结果如下：
不知道大家有没有发现，其中一个结果好像不太正确，console.log(baseValidate('name', person)) 为什么会输出 isBomProperty: true，这是因为window 对象中也有 name 属性，所以 name 也被认为是 BOM 的属性。
欢迎关注微信公众号「劼哥舍」，老斯基带你飙车。
JavaScript检测之basevalidate.js的更多相关文章
- Javascript检测浏览器对CSS属性的支持 /* supports */
//检测浏览器对CSS属性的支持 supports = (function() { var div = document.createElement('div'), vendors = 'Khtml ...
- 使用JavaScript检测浏览器
假设你真的需要检测浏览器的类型,使用JavaScript非常easy达到. View Demo Download Source from GitHub JavaScript有一个navigator的标 ...
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- JavaScript性能优化篇js优化
JavaScript性能优化篇js优化 随着Ajax越来越普遍,Ajax引用的规模越来越大,Javascript代码的性能越来越显得重要,我想这就是一个很典型的例子,上面那段代码因为会被频繁使用, ...
- 初探JavaScript（三）——JS带我"碰壁"带我飞
已经写了两篇关于小白的JavaScript之行,不可否认,每一种语言都有其精华与糟粕之处,来不及细细体味其精华奥妙,也没法对其评头论足,只能先了解,后深入.到目前为止已经看完<JavaScrip ...
- 初探JavaScript（二）——JS如何动态操控HTML
除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次 ...
- 强大的JavaScript动画图形库mo.js
最近在学习前端动画方面知识时发现了挺有趣的一个动画的图形库mo.js,页面效果真是酷炫,有兴趣的同学可以研究下:). 酷炫的效果: 以下是官方的demo效果,更多详情请查看 mo.js http:// ...
- 省市县 三级 四级联动Javascript JQ 插件PCASClass.js
想要使用这款组件,需要页面引入 PCASClass.js 核心文件,该文件在您的HTML文档<head>标签之内. <script type="text/javascrip ...
- javascript检测当前浏览器是否为微信浏览器
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...
随机推荐
- jdk7 中Collections.sort 异常
Collections.sort 异常 java.lang.IllegalArgumentException: Comparison method violates its general contr ...
- RMAN数据库恢复之恢复表空间和数据文件
执行表空间或数据文件恢复时,数据库既可以是MOUNT状态,也可以是OPEN状态.1.恢复表空间在执行恢复之前,如果被操作的表空间未处理OFFLINE状态,必须首先通过ALTER TABLESPACE… ...
- 【转】GATT Profile 简介
网上关于讲解 BLE 的内容比较少,看到这篇文章写的非常详细 Introduction to Bluetooth Low Energy,作为 BLE 的入门时介绍是非常合适的.本文主要翻译了一下这篇文 ...
- MapXtreme在asp.net中的使用之加载地图(转)
MapXtreme在asp.net中的使用之加载地图(转) Posted on 2010-05-04 19:44 Happy Coding 阅读(669) 评论(0) 编辑 收藏 1.地图保存在本地的 ...
- servlet 之 返回json数据并显示
//实体类import java.util.ArrayList; public class ObjectType { private String type; private ArrayList< ...
- （原+转）ROC曲线
转自:http://baike.baidu.com/link?url=_H9luL0R0BSz8Lz7aY1Q_hew3JF1w-Zj_a51ggHFB_VYQljACH01pSU_VJtSGrGJO ...
- Direct2D WIC绘制图片
绘制图片需要用到WIC,WIC的功能包括: 编解码图片.也可以自定义图片解码插件. 读取图片元数据. 图像处理(最高支持每通道32位). 内置支持一些流行的格式.包括:BMP v5, GIF 89a/ ...
- Java IO 和 NIO
昨天面试问到了有关Java NIO的问题,没有答上来.于是,在网上看到了一篇很有用的系列文章讲Java IO的,浅显易懂.后面的备注里有该系列文章的链接.内容不算很长,需要两个小时肯定看完了,将该系列 ...
- tp可用的超强第三方图表类库-JpGraph
日常开发中经常需要做图表,比如线状图.饼状图.柱状图等等,用PHP作图时需要使用复杂抽象的画图函数,或者借助一些网上下载的花柱形图.饼形图的类来实现,没有一个统一的chart类来实现图表的快速开发,非 ...
- python运维开发(十五)----JavaScript
内容目录: HTML补充 javascript HTML补充 1.display标签 display的inline-block 属性会自动带3px的宽度 <span style="di ...