Home > javascript, 前端技术 > 【小技巧】QWrap核心中的几个不起眼小方法使用技巧（一）

【小技巧】QWrap核心中的几个不起眼小方法使用技巧（一）

March 16th, 2011
Goto comments Leave a comment

http://www.qwrap.com/

1. ObjectH.dump

用ObjectH.dump 方法可以将非枚举类型的方法从原生对象中“提取”出来

  1. QW.ObjectH.mix(window, QW);
  2.  
  3. var ah = ObjectH.dump(Array, ["join","reverse","push","pop","concat","slice","splice"]); //提出Array的以上方法
  4. ah.toString = function(arr){
  5.     return arr.toString();
  6. }
  7.  
  8. var List = function(arr){
  9.     this.items = arr;
  10. }
  11.  
  12. ah = HelperH.methodize(ah, "items");
  13. ObjectH.mix(List.prototype, ah, true);
  14.  
  15. var myList = new List([1,2,3,4]);
  16. myList.push(5);
  17. alert(myList); //[1,2,3,4,5]

2.ObjectH.create

ObjectH.create方法可以利用对象的原型快速创建一个新对象，例如：

  1. function Foo(x, y){
  2.     this.x = x;
  3.     this.y = y;
  4. }
  5. var f1 = new Foo(1,2);
  6. var f2 = ObjectH.create(f1,{x:3,y:4}); //相当于 f2 = new Foo(3,4);

这个用在需要copy匿名类的对象或者多态类的设计模式里边的对象复制特别有效（例如在装饰器里，你在复制对象进行操作之前不必关心具体的装饰器类型是哪一个，因为你只要保证复制出来的那个对象的类型和原始对象的类型相同就好了，而create确实保证了这个）

3. FunctionH.bind

实际上在ECMA v5的标准里，bind除了绑定this，还有固化参数的作用的，所以它能起到的作用类似于currying

  1. function Foo(x, y){
  2.     return x+y;
  3. }
  4. var Foo5 = FunctionH.bind(Foo, null, 5);
  5. alert(Foo5(10)); //5+10

4. FunctionH.lazyApply

懒惰执行是一个不起眼的方法，但是它有时候很有用。

  1. function deal(x){
  2.     var y = 0;
  3.     for(var i = 0; i <= 10; i++){
  4.         y += Math.pow(i, x);
  5.     }
  6.     alert(y);
  7. }
  8.  
  9. FunctionH.lazyApply(deal,null,[2],0,function(){return Math.random()>0.5?1:-1;});  //只有一半的机会执行deal方法

javascript, 前端技术

  1. 87CSSer
    August 19th, 2011 at 10:36 | #1
    Reply | Quote

    QWrap 的第一次听说呢 好好看看