之前js是一种过程型语言,但mxGraph告诉我js其实有类的感念。它也有classes and singletons (普通类和单),还有继承。代码例子如下:
singletons:
prama2:value2,
functionnam:function(prama){
//function body
}
…………
…………
}
class和继承
方法1:
{
this.name = "3zfp";
this.age = 100;
this.ToString = function(){
return this.name+" " +this.age;
}
}
var Derived = function ()
{
this.address = "ShenZhen";
}
Derived.prototype = new BaseClass();
var instance = new Derived();
instance.ToString();
这种方式最为简单,只需要让一个类的prototype为被继承的一个实例就ok,然后直接使用BaseClass的方法。
prototype属性是啥意思呢?prototype即为原型,每一个对象(由function 定义出来)都有一个默认的原型属性,该属性是个对象类型。并且该默认属性用来实现链的向上攀查。意思就是说,如果某个对象的属性不存在,那个将通过prototype属性对应的对象的来查找该对象的属性。如果prototype查找不到呢? js会自动地找prototype的prototype属性对应的对象来查找,这样就通过prototype一直往上索引攀查,直到查找到了该属性或者prototype最后为空("undefined");
例如:上例中的instance.ToString()方法。js会先在instance实例中查找是否有ToString()方法,因为没有,所以查找Derived.prototype属性,而prototype 为 NewClass的一个实例,该实例有ToString()方法,于是调用成功;同样给instance 的 name 属性赋值时也是查找prototype来实现的。
这种方法有一个缺点就是无法传递参数给superclass,也就是说这种继承方法只适合superclass的constructor没有参数的类。
方法2:
aplly
{
this.name = "3zfp";
this.age = 100;
this.ToString = function(){
return this.name+" " +this.age;
}
}
var Derived = function ()
{
BaseClass.apply(this,new Array());
this.address = "ShenZhen";
}
var instance = new Derived();
instance.ToString();
该方法普遍的解释为用A方法去替换B方法。第一个参数为B方法的对象本身,第二个参数为一个数组,该数组内的值集合为需要传递给A方法对应的参数列表,如果参数为空,即没有参数传递,则通过 new Array() 来传递,null无效。
一般的方式为:
但是在本例当中,apply方法执行了两步操作。
第一:将BaseClass以apply传递的Array数组作为初始化参数进行实例化。
第二:将新生成的实例对象的所有属性(name,age,ToString方法)复制到 instance实例对象。这样就实现了继承。
但是用apply方法也还是有缺点的,为什么?在js中,我们有个非常重要的运算符就是"instanceof",该运算符用来比较某个对向是否为某种类型。对于继承,我们除了是属于 Derived类型,也应该是BaseClass类型,但是。apply方式返回值为false((instance instanceof BaseClass) == false).由于prototype.js使用了类似apply的方式,所以也会出现这个问题。
方法3:
call+prototype
这个方法就解决了方法1无法传递参数的问题也解决了instanceof 方法问题
{
this.name = name;
this.age = age;
this.ToString = function(){
return this.name+" " +this.age;
}
}
var Derived = function ()
{
BaseClass.call(this,"3zfp",100);
this.address = "ShenZhen";
}
Derived.prototype = new BaseClass();
var instance = new Derived();
instance.ToString();