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 的属性。

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

posted on 2016-06-25 19:58  劼哥stone  阅读(161)  评论(0)  编辑  收藏  举报

导航