日期:2014-05-16  浏览次数:20390 次

javascript继承

测试javascript的继承机制,首先,要理解什么叫继承:继承主要是指子类拥有父类开放的属性及方法,其实javascript是不包含继承这种机制的,但是在现在这个面向对象充斥着开发人员的开发的时候,难免javascript也要模拟这样的一种写吧,尽量满足大部份开发人员的开发习惯,下面请看javascript是如何实现这些继承体系的。

1.先定义一个父类Person

Js代码 复制代码
  1. function?Person(name,?sex)?{ ??
  2. ????this.name?=?name; ??
  3. ????this.sex?=?sex; ??
  4. ????this.move?=?function()?{ ??
  5. ????????alert("move"); ??
  6. ????}; ??
  7. }??
function Person(name, sex) {
    this.name = name;
    this.sex = sex;
    this.move = function() {
        alert("move");
    };
}


2.对象冒充
可以冒充得到正确结果,其实javascript是这样的,将整个方法替换掉pe,当我们调用this.(name,sex);时相当于在Man里面执行上面的那一段代码,而此时的this已经代表的是Man对象,使Man也具有了name,sex等属性与及move方法。

?

Js代码 复制代码
  1. function?Man(name,?sex,?address,?phone)?{ ??
  2. ????this.pe?=?Person; ??
  3. ????this.pe(name,?sex); ??
  4. ????delete?this.pe; ??
  5. ????this.address?=?address; ??
  6. ????this.phone?=?phone; ??
  7. } ??
  8. ??
  9. function?Woman(name,?sex,?birthday)?{ ??
  10. ????this.pe?=?Person; ??
  11. ????this.pe(name,?sex); ??
  12. ????delete?this.pe; ??
  13. ????this.birthday?=?birthday; ??
  14. }??
function Man(name, sex, address, phone) {
    this.pe = Person;
    this.pe(name, sex);
    delete this.pe;
    this.address = address;
    this.phone = phone;
}

function Woman(name, sex, birthday) {
    this.pe = Person;
    this.pe(name, sex);
    delete this.pe;
    this.birthday = birthday;
}

? <