mxGraph 学习 01

  之前js是一种过程型语言，但mxGraph告诉我js其实有类的感念。它也有classes and singletons （普通类和单），还有继承。代码例子如下：

singletons:

var  singletonClass = {          prama1:value1,

                                                   prama2:value2,

                                               functionnam:function(prama){
                                                        //function body
                                                  }
                                                 …………
                                                 …………

}

class和继承

 方法1：

var  BaseClass  = function ()
 
{

    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

 

var  BaseClass  = function ()
 
  {
 
     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 方法问题

 

var  BaseClass  = function (name,age)
 
  {
 
     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();