zoukankan      html  css  js  c++  java
  • 谈谈jQuery中的数据类型检测

    这次是分享jQuery代码中的一些简写技巧,分析jQuery是如何优化代码的,如何用最少的代码来实现jQuery。

    在我们工作中也常常会遇到一些数据类型检测,一些方法调用的形式

    复制代码
     1 var arr = [];
     2 
     3 var document = window.document;
     4 
     5 var getProto = Object.getPrototypeOf;
     6 
     7 var slice = arr.slice;
     8 
     9 var concat = arr.concat;
    10 
    11 var push = arr.push;
    12 
    13 var indexOf = arr.indexOf;
    14 
    15 var class2type = {};
    16 
    17 var toString = class2type.toString;
    18 
    19 var hasOwn = class2type.hasOwnProperty;
    20 
    21 var fnToString = hasOwn.toString;
    22 
    23 var ObjectFunctionString = fnToString.call( Object );
    24 
    25 var support = {};
    复制代码

    在jQuery里面,他会把某个类里面的方法先用变量缓存起来,下次在使用的时候,就可以直接读取该变量就可以映射到对应的方法了,就再也不用通过类或者实例去调用,这是很简便的技巧

    常常我们会这样

    Object.prototype.toString.call([1,2])

    其实可以这样

    let toType = {}.toString
    toType.call([1,2])

    这样写不知你们是否能理解,不理解的欢迎在下方留言讨论

    在jQuery中是如何检测null数据类型和undefined类型

    function toType (obj) {
        if (obj == null) return obj + ''
    }

    该方法使用==操作符和null进行判断,应为null和undefined是相等的,所以当且仅当obj变量为null和undefined将会返回对应的值

    类数组转为数组

    function () {
        return slice.call( this );
    }

    该方法使用了slice变量,之前已经讨论过了,这是缓存数组里面的slice方法,调用slice方法通过改变this来到达转换为数组的目的

  • 相关阅读:
    Building Apache Thrift on CentOS 6.5
    ToStringBuilder 学习
    对List中对象的去重
    MyEclipse启动Tomcat服务器时老是跳到Debug调试上
    JS 实现点击展开菜单
    详解公钥、私钥、数字证书的概念 转载
    eclipse svn 忽略 target目录 等等... 我用的后边的方法 (转载)
    Log4j XML 配置
    JS完成改变新闻字体大中小的显示
    Javascript 简单学习
  • 原文地址:https://www.cnblogs.com/wuxianqiang/p/9062060.html
Copyright © 2011-2022 走看看