这次是分享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来到达转换为数组的目的