MooTools 1.2.4 IT民工学习笔记二 (Utilities)

看完了Native 接下来就到了Moo的工具函数了

 

function $A(iterable){ //用于把Array-like转化为Array的函数 if (iterable.item){ //有item方法应该是HTMLCollection实例的一个特性吧. var l = iterable.length, array = new Array(l); while (l--) array[l] = iterable[l]; return array; } return Array.prototype.slice.call(iterable); }; function $arguments(i){ //搞不懂有什么用 return function(){ return arguments[i]; }; }; function $chk(obj){ //判断参数是否为null undefined "" 0 return !!(obj || obj === 0); }; function $clear(timer){ //清除定时器引用 clearTimeout(timer); clearInterval(timer); return null; }; function $defined(obj){ //这很简单了吧 return (obj != undefined); }; function $each(iterable, fn, bind){ //迭代，分两种(Array | Hash)类别迭代 var type = $type(iterable); ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind); }; function $empty(){}; function $extend(original, extended){ //这算是Java里面的浅拷贝了吧，注意把引用赋给目标对象. for (var key in (extended || {})) original[key] = extended[key]; return original; }; function $H(object){ //Hash类的快速构造方法 return new Hash(object); }; function $lambda(value){ //搞不懂有什么用 return ($type(value) == 'function') ? value : function(){ return value; }; }; function $merge(){ //与$Mixin混用 var args = Array.slice(arguments); args.unshift({}); return $mixin.apply(null, args); }; function $mixin(mix){ //这里注意递归的实现 for (var i = 1, l = arguments.length; i < l; i++){ var object = arguments[i]; if ($type(object) != 'object') continue; for (var key in object){ var op = object[key], mp = mix[key]; mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $mixin(mp, op) : $unlink(op); } } return mix; }; function $pick(){ //注意检索每个参数，遇到值不为undefined就返回该参数 for (var i = 0, l = arguments.length; i < l; i++){ if (arguments[i] != undefined) return arguments[i]; } return null; }; function $random(min, max){ //产生（上下限）随机数的函数. return Math.floor(Math.random() * (max - min + 1) + min); }; function $splat(obj){ //如果参数不为数组，则给其用数组包装起来. var type = $type(obj); return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : []; }; var $time = Date.now || function(){ //当前时间，这里”+“号运算符起把对象转化为字符串的作用 return +new Date; }; function $try(){ //遍历并执行每个参数（参数），遇到错误则忽略. for (var i = 0, l = arguments.length; i < l; i++){ try { return arguments[i](); } catch(e){} } return null; }; function $type(obj){ //Moo里面经常会用到的$type函数,结构比较清晰了吧 if (obj == undefined) return false; if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name; if (obj.nodeName){ switch (obj.nodeType){ case 1: return 'element'; case 3: return (//S/).test(obj.nodeValue) ? 'textnode' : 'whitespace'; } } else if (typeof obj.length == 'number'){ if (obj.callee) return 'arguments'; else if (obj.item) return 'collection'; } return typeof obj; }; function $unlink(object){ //字面上里面是"解链"? 我理解为Java中的深拷贝，就是拷贝时不是把引用赋给目标对象而是源对象完完全全的一个副本.这样理解对吗？ var unlinked; switch ($type(object)){ case 'object': unlinked = {}; for (var p in object) unlinked[p] = $unlink(object[p]); break; case 'hash': unlinked = new Hash(object); break; case 'array': unlinked = []; for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]); break; default: return object; } return unlinked; };

 

 

 

 

 

 

 

最近在看YUI 3.1.0pr ，原因是为了弄懂淘宝前端架构的实现，在以前公司做项目的时候遇到过客户指明要求仿照淘宝做的事儿，设计那儿很好弄，有的甚至直接一个拷屏就搞定了，可到了我这儿就傻了，什么Js效果小打小闹的还是可以的，打开淘宝的产品页面源码一看，这是什么玩意儿啊，从那次开始逐渐接触了YUI,了解到这么一个重性框架的存在，YUI打破了我对js库一概而论的看法，库应该分成“函数集合”与“框架”两种不同的概念，前者适用于小型乃至个人的开发，后者则更和用于大型项目的团队开发.