有意思的function扩展……

月影

[php]
<script>
Function.prototype.$bind=function(object)
{
        var callback = function (fn) {
                return fn;
        }
        with(object)
        {
                return eval('callback(' + this.toString() + ')');
        }
}

var obj={a:1,b:2};
var f=function (){
        a=10;
        b=11;
}.$bind(obj);
f();
alert(obj.a);
//----------------------------------------------------------------------------------------------------
G = {};
G.objInstanceOf = function(obj, c){
        if(typeof(c) == "string")
                return typeof(obj) == c;
        if(obj instanceof c || c.__templete__ && obj instanceof c.__templete__)
                return true;
        var _interfaces = obj && obj.__interfaces__;
        if(_interfaces)
                for(var i = 0, len = _interfaces; i < len; i++){
                        if(_interfafces == c)
                                return true;
                }
        return false;
};

G.objectAsPrototype = function(obj, c){
        c = c || function(){};
        c.prototype = obj;
        return c;
};

Function.prototype.getPrototypeObject = function(){
        var p = this.__templete__ || (this.__templete__= G.objectAsPrototype(this.prototype));
        return new p();
};

Function.prototype.$pextends = function(p){
        var me = this.$bind({$super:p});
        var ins = function()
        {       
                var ret = me.apply(this, arguments);
                return ret;
        }

        ins.prototype = p.getPrototypeObject();
        return ins;
};
//--------------------------------------------------------------------------------------------------------
function B(){};
var A = function(){
        alert($super);
}.$pextends(B);
var a = new A();
//---------------------------------------------------------------------------------------------------------
Function.prototype.$verify = function(){

        var me = this;
        var _args = arguments;
       
        //第一范式 [new] T <=> [new] R:function(){donothing, return T.apply},R.prototype = T.prototype
        var mins = function(){
                for(var i = 0, len = _args.length; i < len; i++)
                {
                        if(!G.objInstanceOf(arguments,_args)){
                                        throw new TypeError("函数的参数类型不匹配，位置："+(i+1));
                        }
                }
                return me.apply(this, arguments);
        }
        mins.prototype = me.prototype;
       
        return mins;       
}
//-------------------------------------------------------------------------------------------------------
var foo = function(x,y){
        alert(x+y);
}.$verify("number","number");

foo(1,2);

var foo2 = function(x,y){
        x(y);
}.$verify(Function,"number");
//foo("error",2);

foo2(function(x){alert(x)},10);
//foo2("x","y");

var Class3 = function(x,y){
        this.x = x;
        this.y = y;
}.$verify("number","number");
Class3.prototype.dist2 = function(){return this.x*this.x + this.y*this.y};
var c = new Class3(10,20);
alert(c.dist2());

//--------------------------------------------------------------------------------------------------------
Function.prototype.$staticable = function()
{
        var me = this;
        var cache = [];
        var index = 0;

        var mins = function(){
                mins.alloc = function(){
                        cache[index] = cache[index] || {};
                        return cache[index++];
                };
                var ret = me.apply(this, arguments);
                mins.alloc = null;
                index = 0;
                return ret;
        }

        mins.prototype = me.prototype;

        return mins;
}
//----------------------------------------------------------------------------------------------------------
var Test = function(){
        var x = Test.alloc();
        x.a = x.a || 0;
        x.a++;
        return x.a;
}.$staticable();

for(var i = 0; i < 10; i++)
        alert(Test());
//-----------------------------------------------------------------------------------------------------------
Function.prototype.$protected = function(){
        var me = this;
       
        var mins = function(){

                var p = me.getPrototypeObject();

                var ret = function(){}; //create a new object

                for(var each in mins.prototype)  //clone prototypes
                {
                        if(mins.prototype[each] instanceof Function){
                                ret.prototype[each] = function(){
                                        return mins.prototype[each].apply(p,arguments);        //call by p
                                }
                                p[each] = mins.prototype[each];
                        }
                        else{
                                p[each] = ret.prototype[each] = mins.prototype[each];
                        }
                }
                me.apply(p,arguments);//clone a new object by me

                return new ret(); //return this object;
        }
        return mins;
}
//----------------------------------------------------------------------------------------------------------------
//将一个类型的this域声明为全部私有
var Test = function(x,y)
{
        this.x = x;
        this.y = y;
}.$protected();
Test.prototype.getX = function(){
        return this.x;
}
var t = new Test(5,10);
alert(t.x);
alert(t.getX());
</script>
[/php]

1. <script>
   
2. Function.prototype.$bind=function(object)
   
3. {
   
4.         var callback = function (fn) {
   
5.                 return fn;
   
6.         }
   
7.         with(object)
   
8.         {
   
9.                 return eval('callback(' + this.toString() + ')');
   
10.         }
    
11. }
    
12. 
    
13. var obj={a:1,b:2};
    
14. var f=function (){
    
15.         a=10;
    
16.         b=11;
    
17. }.$bind(obj);
    
18. f();
    
19. alert(obj.a);
    
20. //----------------------------------------------------------------------------------------------------
    
21. G = {};
    
22. G.objInstanceOf = function(obj, c){
    
23.         if(typeof(c) == "string")
    
24.                 return typeof(obj) == c;
    
25.         if(obj instanceof c || c.__templete__ && obj instanceof c.__templete__)
    
26.                 return true;
    
27.         var _interfaces = obj && obj.__interfaces__;
    
28.         if(_interfaces)
    
29.                 for(var i = 0, len = _interfaces; i < len; i++){
    
30.                         if(_interfafces[i] == c)
    
31.                                 return true;
    
32.                 }
    
33.         return false;
    
34. };
    
35. 
    
36. G.objectAsPrototype = function(obj, c){
    
37.         c = c || function(){};
    
38.         c.prototype = obj;
    
39.         return c;
    
40. };
    
41. 
    
42. Function.prototype.getPrototypeObject = function(){
    
43.         var p = this.__templete__ || (this.__templete__= G.objectAsPrototype(this.prototype));
    
44.         return new p();
    
45. };
    
46. 
    
47. Function.prototype.$pextends = function(p){
    
48.         var me = this.$bind({$super:p});
    
49.         var ins = function()
    
50.         {       
    
51.                 var ret = me.apply(this, arguments);
    
52.                 return ret;
    
53.         }
    
54. 
    
55.         ins.prototype = p.getPrototypeObject();
    
56.         return ins;
    
57. };
    
58. //--------------------------------------------------------------------------------------------------------
    
59. function B(){};
    
60. var A = function(){
    
61.         alert($super);
    
62. }.$pextends(B);
    
63. var a = new A();
    
64. //---------------------------------------------------------------------------------------------------------
    
65. Function.prototype.$verify = function(){
    
66. 
    
67.         var me = this;
    
68.         var _args = arguments;
    
69.        
    
70.         //第一范式 [new] T <=> [new] R:function(){donothing, return T.apply},R.prototype = T.prototype
    
71.         var mins = function(){
    
72.                 for(var i = 0, len = _args.length; i < len; i++)
    
73.                 {
    
74.                         if(!G.objInstanceOf(arguments[i],_args[i])){
    
75.                                         throw new TypeError("函数的参数类型不匹配，位置："+(i+1));
    
76.                         }
    
77.                 }
    
78.                 return me.apply(this, arguments);
    
79.         }
    
80.         mins.prototype = me.prototype;
    
81.        
    
82.         return mins;       
    
83. }
    
84. //-------------------------------------------------------------------------------------------------------
    
85. var foo = function(x,y){
    
86.         alert(x+y);
    
87. }.$verify("number","number");
    
88. 
    
89. foo(1,2);
    
90. 
    
91. var foo2 = function(x,y){
    
92.         x(y);
    
93. }.$verify(Function,"number");
    
94. //foo("error",2);
    
95. 
    
96. foo2(function(x){alert(x)},10);
    
97. //foo2("x","y");
    
98. 
    
99. var Class3 = function(x,y){
    
100.         this.x = x;
     
101.         this.y = y;
     
102. }.$verify("number","number");
     
103. Class3.prototype.dist2 = function(){return this.x*this.x + this.y*this.y};
     
104. var c = new Class3(10,20);
     
105. alert(c.dist2());
     
106. 
     
107. //--------------------------------------------------------------------------------------------------------
     
108. Function.prototype.$staticable = function()
     
109. {
     
110.         var me = this;
     
111.         var cache = [];
     
112.         var index = 0;
     
113. 
     
114.         var mins = function(){
     
115.                 mins.alloc = function(){
     
116.                         cache[index] = cache[index] || {};
     
117.                         return cache[index++];
     
118.                 };
     
119.                 var ret = me.apply(this, arguments);
     
120.                 mins.alloc = null;
     
121.                 index = 0;
     
122.                 return ret;
     
123.         }
     
124. 
     
125.         mins.prototype = me.prototype;
     
126. 
     
127.         return mins;
     
128. }
     
129. //----------------------------------------------------------------------------------------------------------
     
130. var Test = function(){
     
131.         var x = Test.alloc();
     
132.         x.a = x.a || 0;
     
133.         x.a++;
     
134.         return x.a;
     
135. }.$staticable();
     
136. 
     
137. for(var i = 0; i < 10; i++)
     
138.         alert(Test());
     
139. //-----------------------------------------------------------------------------------------------------------
     
140. Function.prototype.$protected = function(){
     
141.         var me = this;
     
142.        
     
143.         var mins = function(){
     
144. 
     
145.                 var p = me.getPrototypeObject();
     
146. 
     
147.                 var ret = function(){}; //create a new object
     
148. 
     
149.                 for(var each in mins.prototype)  //clone prototypes
     
150.                 {
     
151.                         if(mins.prototype[each] instanceof Function){
     
152.                                 ret.prototype[each] = function(){
     
153.                                         return mins.prototype[each].apply(p,arguments);        //call by p
     
154.                                 }
     
155.                                 p[each] = mins.prototype[each];
     
156.                         }
     
157.                         else{
     
158.                                 p[each] = ret.prototype[each] = mins.prototype[each];
     
159.                         }
     
160.                 }
     
161.                 me.apply(p,arguments);//clone a new object by me
     
162. 
     
163.                 return new ret(); //return this object;
     
164.         }
     
165.         return mins;
     
166. }
     
167. //----------------------------------------------------------------------------------------------------------------
     
168. //将一个类型的this域声明为全部私有
     
169. var Test = function(x,y)
     
170. {
     
171.         this.x = x;
     
172.         this.y = y;
     
173. }.$protected();
     
174. Test.prototype.getX = function(){
     
175.         return this.x;
     
176. }
     
177. var t = new Test(5,10);
     
178. alert(t.x);
     
179. alert(t.getX());
     
180. </script>

复制代码运行代码另存代码

[ 本帖最后由 月影 于 2008-4-12 20:20 编辑 ]

gsoft

没一点说明？

winter

一贯如此啊 呵呵

居然都发到一起了......

winter

Function.prototype.$bind=function(object)
{
    var tmp;
    with(object)
    {
        return eval('tmp=(' + this.toString() + ')');
    }
}

第一个 这样就行

还有 老大 你把题目改改啊 精华帖子题目不能是这个吧 TT

[ 本帖最后由 winter 于 2008-4-12 00:22 编辑 ]

mypda07

没看明白是啥东西，解释解释？

winter

Function.prototype.$bind=function(object)
{
    var tmp;
    with(object)
    {
        return eval('tmp=(' + this.toString() + ')');
    }
}

我解释下这个吧 这是针对Function扩展的一个方法 将一个函数绑定到一个对象 在函数中 可以直接用变量访问相应的属性 比如 例子中的
var obj={a:1,b:2};
var f=function (){
    a=10;//这里修改了obj.a
    b=11;
}.$bind(obj);
f();
alert(obj.a);

不同于Prototype.js的bind 这个$bind改变了函数的作用域而非this

这个$bind可能有很多用处 包括实现设计模式templete method  实现像C++和C#那样成员函数直接用名称访问成员变量 还有一些私有之类的性质都可能用它来实现

afcn0

with和eval还有函数本身toString当直接函数............都是最奇怪的组合

PaulLeder

不太明白这段为什么要这样写。。。
var _interfaces = obj && obj.__interfaces__;
    if(_interfaces)
        for(var i = 0, len = _interfaces; i < len; i++){
            if(_interfafces == c)
                return true;
        }

李上劲

弄得我是越来越不懂javascript了

jianglang

var _interfaces = obj && obj.__interfaces__;
//上面相当于 if(!obj){
                           interfaces=obj;
                    }else{
                          interfaces=obj.__interfaces__;
                    }
    if(_interfaces)
        for(var i = 0, len = _interfaces; i < len; i++){
            if(_interfafces == c)
                return true;
        }

PaulLeder

var _interfaces = obj && obj.__interfaces__;
//上面相当于 if(!obj){
                           interfaces=obj;
                    }else{
                          interfaces=obj.__interfaces__;
                    }

&&的结果是布尔类型么?怎么会想你说的相当于呢？
还有 len = _interfaces这个是得到什么啊？不太理解，希望能够解释解释，多谢

winter

[php]<script>
Function.prototype.$bind=function(object)
{
    var tmp;
    with(object)
    {
        return eval('tmp=(' + this.toString() + ')');
    }
}

function ClassA(){
    this.a=10;
    this.b=20;
    this.getA=function(){
        return a;//如果你喜欢在这里使用a 而不是this.a......
    }.$bind(this);
}

var objA=new ClassA();
alert(objA.getA());
objA.a=15;
alert(objA.getA());

</script>[/php]

prodigynonsense

还是改成
[php]
Function.prototype.$bind=function(object)
{
    with(object)
    {
        eval('var tmp=(' + this.toString() + ')');     
    }
    return tmp;
}
[/php]
看着顺眼

ctfwren

1. Function.prototype.$bind=function(object)
   
2. {
   
3.     with(object)
   
4.     {
   
5.         eval('var tmp=' + this.toString());     
   
6.     }
   
7.     return tmp;
   
8. }

复制代码运行代码另存代码

李上劲

winter的功能,我还是宁可用下面的写法,免去对公用JS Function.prototype.$bind的依赖

1. <script>
   
2. Function.prototype.$bind=function(object)
   
3. {
   
4.     var tmp;
   
5.     with(object)
   
6.     {
   
7.         return eval('tmp=(' + this.toString() + ')');
   
8.     }
   
9. }
   
10. 
    
11. function ClassA(){
    
12.     this.a=10;
    
13.     this.b=20;
    
14.     with(this){
    
15.           this.getA=function(){
    
16.                  return a;//如果你喜欢在这里使用a 而不是this.a......
    
17.            }
    
18.      }
    
19. }
    
20. 
    
21. var objA=new ClassA();
    
22. alert(objA.getA());
    
23. objA.a=15;
    
24. alert(objA.getA());
    
25. 
    
26. </script>

复制代码运行代码另存代码

tonghu008

没有看明白月老大的
var callback = function (fn) {
        return fn;
    }
这段在Function.prototype.$bind=function(object)中是用来做什么的:loveliness:
哪位知道的可以解释下不?

Aiming

关于$bind()方法，winter的修改要好些，我看不出原来代码中声明一个callback()的理由。不过在winter的代码
中，tmp变量也可以省掉，方法可以是这样：

Function.prototype.$bind=function(object)
{
    with(object)
        return eval('[' + this.toString() + '][0]');
}

如果你觉得这里构造一个数组是浪费，那么可以更为复杂一点的代码：
Function.prototype.$bind=function(object)
{
    with(object)
        return eval('(' + this.toString() + ').prototype.constructor');
}

winter

原帖由 Aiming 于 2008-4-15 17:23 发表
关于$bind()方法，winter的修改要好些，我看不出原来代码中声明一个callback()的理由。不过在winter的代码
中，tmp变量也可以省掉，方法可以是这样：

Function.prototype.$bind=function(object)
{
    w ...

Function.prototype.$bind=function(object)
{
    with(object)
        return eval('(' + this.toString() + ').prototype.constructor');
}
这个比较好 这个扩展原来就是我写的 直接
eval( this.toString() )了 结果发现IE不行......

顺便跟Aiming大牛探讨一下with的问题:lol

   with(object)
    {
        eval('var i=1;');
    }

关于这个的结果 你如何看呢

Aiming

楼上读书不认真，拖出去挠脚板挠到死~~

《JavaScript语言精髓与编程实践》"4.6.9.2 对象闭包带来的可见性效果"，P246.

winter

你的书我还没到手呢 呵呵 我是对这个ECMA262里面的解释比较疑惑 按照里面所说 with确确实实地改变了当前的scope chain
那var又是如何识别出scope chain上哪个是当前函数的scope呢？