第一类工厂与哈希对象

来源:Ruby's Louvre 时间:2009-12-28 13:14:00 

第一类工厂相当于mootools的Native方法,用于创建一些具有扩展能力的类,但这些类并没有继承能力,此类工厂也不能以某个类作为蓝本创建子类。总之,一切从简。第一类工厂要依赖一些辅助方法,一并写出来了。


var dom = {},//命名空间slice = Array.prototype.slice;dom.mixin = function (obj, bag) {  if (arguments.length === 1) {    bag = obj;    obj = this;  };  if (obj && bag && typeof bag === 'object') {    for (var p in bag) {      if(bag.hasOwnProperty(p))        obj[p] = bag[p];    }  };  if (!+"\v1") {//IE不能在for...in循环中遍历toString与valueOf属性,需要单独处理    var t = bag.toString,v = bag.valueOf,op = Object.prototype;    if (bag.hasOwnProperty("toString") && typeof t === "function" && t !== op.toString)      obj.toString = t;    if (bag.hasOwnProperty("valueOf") && typeof v === "function" && v !== op.valueOf)      obj.valueOf = v;  }  return obj;};dom.factory = function(obj){//第一类工厂  var init = obj.init,  klass = function() {    if(arguments.length === 1 && arguments[0] instanceof klass)      return arguments[0];    return new klass.fn.init(arguments);  }  klass.fn = klass.prototype = {    init :init,    constructor: klass  };  klass.fn.init.prototype = klass.fn;  delete obj.klass;delete obj.init;  dom.mixin(klass.fn, obj);  //用于扩展原型方法  klass.mixin = function(bag){    dom.mixin(this.fn,bag);    return this;  };  klass.alias = function(oldName, newName){    var bag = {};    if (dom.isString(oldName) && dom.isString(newName)){      var method = this.fn[oldName]      if (!!method){        bag[newName] = method;        return this.mixin(bag);      };    };    //如果是一个属性包,如Hash.alias({keyOf: 'indexOf', hasValue: 'contains'});    bag = oldName;    for (var name in bag)      if(bag.hasOwnProperty(name))        this.alias(name,bag[name]);    return this;  };  klass.staticizeWithout = function(arr){    var conditions = {},keys = arr || [],me = this;    for(var i=0,n = keys.length;i>n;i++){      conditions[keys[i]] = 1;    }    dom.each(me.fn,function(method, name){      if(!conditions[name] && dom.isFunction(me.fn[name]) && dom.isUndefined(me[name])&&        name !== 'init' && name !== 'toString' && name !== 'valueOf' ){        me[name] = function () {          var args = dom.toArray(arguments),          caller = args.shift();          method.name = name; //为其泛化方法添加一个name属性          return method.apply(me(caller), args);        }      }    });    return me;  }  return klass;};dom.mixin(new function(){  var _toString = Object.prototype.toString,  _slice = Array.prototype.slice,  _push = Array.prototype.push,  is = function(obj,type) {    return _toString.call(obj).match(/^\[object\s(.*)\]$/)[1] === type;  }  return {    isArray: function (obj) {      return is(obj,"Array");    },    isFunction: function (obj) {      return is(obj,"Function") ;    },    isNumber: function (obj) {      return is(obj,"Number") ;    },    isString: function (obj) {      return is(obj,"String") ;    },    isUndefined: function (obj) {      return  obj === void(0);    },    each: function (obj, fn, bind) {      for (var key in obj) //只遍历本地属性        if (obj.hasOwnProperty(key))          fn.call(bind, obj[key], key, obj);    },    isArrayLike : function (obj) {//包括Array      if(dom.isArray(obj) || obj.callee) return true;      if(is(obj,'NodeList')) return true;      if(is(obj,'HTMLCollection')) return true;      //不能为字符串,不能为window,具有length属性      if(dom.isNumber(obj.length) && !dom.isString(obj) && !obj.eval){        if(obj.nextNode || obj.item)          return true;        var n = obj.length - 1 > 0 ? 0 : obj.length - 1 ;        //如果是具有数字键或length属性的对象,如jQuery对象        if(obj.hasOwnProperty(n) && obj.hasOwnProperty(0))          return true        return false;      }      return false;    },    toArray : function (arr) { //把普通对象变成原生数组对象      if(arguments.length === 0 || arr === null){        return [];      }else if(arr.callee){//如果是Arguments对象        return _slice.call(arr);      }else if(dom.isArray(arr)){//如果Array对象返回一个克隆        return arr.concat();      }else if(dom.isArrayLike(arr)){        try{//jQuery对象,dom对象,el.getElementsByTagName得到的HTMLCollection          //与el.childNodes得到的NodeList          return _slice.call(arr);        }catch(e){//IE用slice处理元素或节点集合会出错,只能慢慢拷贝          var ret = [], i = arr.length;          while (i) ret[--i] = arr[i]; //Clone数组          return ret;        }      }else {//普通函数,单个元素节点,字符串,数字,window对象        return [arr];      }    },    setArray: function (els) { //把普通对象变成类数组对象      this.length = 0;      _push.apply(this, els);      return this;    }  }});

这样dom就有如下几个方法mixin,factory,isArray,isArrayLike,isFuction,isNumber,isString,isUndefined,toArray,each,走实用主义路线,像isObject基本没有用。最新版的jQuery1.4a2好像加了两个特别的验证方法,isPlainObject(验证其是javascript core的Object而非宿主对象或DOM对象)与isEmptyObject(空对象,有点像{},但要保证其原型没有被扩展)。

标签:工厂,哈希,对象,mootools,JavaScript
0
投稿

猜你喜欢

  • 网页设计标准尺寸

    2008-06-15 15:21:00
  • Python3实时操作处理日志文件的实现

    2022-09-01 21:21:16
  • python异常处理之try finally不报错的原因

    2023-05-01 00:02:40
  • 使用python批量转换文件编码为UTF-8的实现

    2023-03-07 03:19:41
  • 深入理解Python虚拟机中元组(tuple)的实现原理及源码

    2022-07-12 14:14:21
  • python实现删除列表中某个元素的3种方法

    2023-02-08 16:01:59
  • python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例

    2021-12-11 14:20:36
  • php处理json格式数据经典案例总结

    2023-11-21 13:54:42
  • 微信小程序-详解数据缓存

    2024-04-19 09:49:34
  • mysql中workbench实例详解

    2024-01-15 01:45:03
  • Python3 Post登录并且保存cookie登录其他页面的方法

    2023-08-18 22:45:52
  • node.js使用免费的阿里云ip查询获取ip所在地【推荐】

    2024-05-13 09:30:23
  • Python 寻找局部最高点的实现

    2021-05-10 14:44:00
  • Python利用prettytable实现格式化输出内容

    2023-10-17 11:02:32
  • Go语言生成随机数的方法

    2023-08-28 20:11:10
  • python opencv旋转图像(保持图像不被裁减)

    2022-02-09 13:56:32
  • Python实现获取磁盘剩余空间的2种方法

    2023-11-20 23:53:29
  • SQLServer2019配置端口号的实现

    2024-01-28 22:29:52
  • Python中jieba库的使用方法

    2021-06-23 13:47:24
  • python为图片和PDF去水印详解

    2023-06-28 14:09:43
  • asp之家 网络编程 m.aspxhome.com