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来到达转换为数组的目的

 

转载于:https://www.cnblogs.com/learning1314/p/9062049.html