2254

JavaScript设计模式--- call 实现继承

乐果   发表于   2014 年 11 月 14 日 标签:JavaScript

1.JScript官方解释:

call 方法

调用一个对象的一个方法,以另一个对象替换当前对象。

**call([thisObj[,arg1[, arg2[, [,.argN]]]]]) **

参数 thisObj 可选项。将被用作当前对象的对象。

arg1, arg2, , argN 可选项。将被传递方法参数序列。

说明

call 方法可以用来代替另一个对象调用一个方法。

call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

要求 版本 5.5

2.我的理解

以obj1.method1.call(obj2,argument1,argument2,…)为例:

call方法的调用者:一个对象的方法(在js里面方法/函数也是对象),

调用者为,obj1.method1

call方法的参数:一个新对象(obj2),这个对象的作用是“拦截”对象obj1,来运行本来属于obj1的method方法;而 argument1,argument2,…就是给method传递参数了 call方法的结果:obj1.method1.call(obj2,argument1,argument2,…)等价于: obj2.method1(argument1,argument2,…) call方法的作用:obj1.method方法得到重用、共享,有new的特效,实现继承 最简单的理解: 关于call,把隐藏的第一个参数显示化。因为通常一个方法x的调用,会有一个额外的隐藏参数,就是x所属的对象,如果没有所属,则为global(如window)对象,并在函数内可以用this关键字访问之。

3.一些实例

(1)方法得到重用、共享

代码

function show()
{
var id = "1"
this.h = function()
{
alert(id);
}
}
//var a=new show();
var a={};
var b={};
show.call(a);
show.call(b);
a.h();
b.h();

-

function show()
{
  var id="1";
  this.h=function(){
    alert(id);
  }
}
//var a=new show();
var a={};
var b={};
show.call(a);
show.call(b);
a.h();
b.h()

这样一来是不是方法重用呢?

(2)取代new

function show(){
    var id="1";
    this.h=function(){
        alert(id);
    }
}
//var a=new show();
var a={};
show.call(a);
a.h();

-

function show(){
    var id="1";
    this.h=function(){
        alert(id);
    }
}
//var a=new show();
var a={};
show.call(a);
a.h();

这个例子看视奇怪,其实,不必惊讶!

show函数其实可以看成window.show,那么show.call(a)就是window.call(a)!

(3)实现继承

js实现继承一般是用prototype,这不是本文讨论的主题,但是call也可以用来实现继承,如

function show1(){  
    var id="1";  
    this.h=function(){  
        alert(id);  
    }  
}  
function show2(){  
    show1.call(this);  
}  
var s={};  
show2.call(s); //new的取代  
s.h();  

-

function show1(){ 
    var id="1"; 
    this.h=function(){
        alert(id);
    } 
} 
function show2(){
    show1.call(this);
} 
var s={}; 
show2.call(s); 
//new的取代 s.h(); 

这样一来是不是达到继承的目的!如果要实现多重继承则:

function show1(){  
    var id="1";  
    this.h=function(){  
        alert(id);  
    }  
}  
function show2(){  
    show1.call(this);  
}  
function show3(){  
    show2.call(this);  
}  
var s={};  
show3.call(s);  
s.h();  

-

function show1(){
    var id="1"; this.h=function(){
        alert(id);
    }
} 
function show2(){
    show1.call(this); 
} 
function show3(){ 
    show2.call(this); 
} 
var s={}; 
show3.call(s);
s.h();

是不是能达到prototype的目的。

当然,从一定的角度上考虑,这样的继承,是有问题的,直接在类函数体里面定义成员方法,将导致每个实例都有副本,重复占用了内存。

乐果   发表于   2014 年 11 月 14 日 标签:JavaScript

0

文章评论