JavaScript检测之basevalidate.js

来源：互联网发布：知乎中国出口构成编辑：程序博客网时间：2024/05/18 19:44

上篇文章「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 的属性。

欢迎关注微信公众号「劼哥舍」，老斯基带你飙车。

0 0