转载一个关于JavaScript几种继承方法的总结

总结出JavaScript有以下几种继承继的方法：

1.对象冒充方法,可以多承继;

A=function()
{
    this.code="001";
    this.name="whiteangell";
    this.getCode=function()
    {
      return this.code;
    }
    this.getName=function()
    {
     return this.name
    }
};

B = function()
{
      this.newMethod=A;
      this.newMethod();
      this.age=20;
      this.getAge=function()
      {
        return this.age;
      }

};
var bb = new B();
alert(bb.getName());

2.原型链法;

如：

A=function()
{
    this.code="001";
    this.name="whiteangell";
    this.getCode=function()
    {
      return this.code;
    }
    this.getName=function()
    {
     return this.name
    }
};
B = function()
{
      this.age=20;
      this.getAge=function()
      {
        return this.age;
      }
};
B.prototype=new A();
var bb = new B();
alert(bb.getName());

3.拷贝复制法

Object.extend = function(destination,source)
    {
        for ( pro in source )
        {
            destination [pro] = source [pro];
        }
        return destination ;
    };
A = function(){};
A.prototype =
{
    code:"001",
    name:"whiteangell",
    getCode:function()
    {
      return this.code;
    },
    getName:function()
    {
     return this.name
    }
};
B= function(){};
B.prototype= Object.extend({
age:20,
      getAge:function()
      {
        return this.age;
      }
},A.prototype);
var bb = new B();
alert(bb.getName());

4.call()方法,可以多承继;

A=function()
{
    this.code="001";
    this.name="whiteangell";
    this.getCode=function()
    {
      return this.code;
    }
    this.getName=function()
    {
     return this.name
    }
};
B = function()
{
      A.call(this);
      this.age=20;
      this.getAge=function()
      {
        return this.age;
      }

};
var bb = new B();
alert(bb.getName());

5.apply()方法,可以多承继;

A=function()
{
    this.code="001";
    this.name="whiteangell";
    this.getCode=function()
    {
      return this.code;
    }
    this.getName=function()
    {
     return this.name
    }
};
B = function()
{
      A.apply(this);
      this.age=20;
      this.getAge=function()
      {
        return this.age;
      }
};
var bb = new B();
alert(bb.getName());

转载于:https://blog.51cto.com/stepheniweb/785804

转载一个关于JavaScript几种继承方法的总结相关推荐

通过ID查询一个用户的两种开发方法
通过ID查询一个用户的两种开发方法数据库建表sql语句如下:https://github.com/beyondyanyu/Sayingyy/blob/master/JDBC2-数据库sql建表语句 ...
Javascript的对象继承方法
许多OO 语言都支持两种继承方式: 接口继承:只继承方法签名实现继承:继承实际的方法. 由于函数没有签名,在ECMAScript 中无法实现接口继承.ECMAScript 只支持实现继承原型链继承 ...
[乐意黎转载]一个治愈 JavaScript 疲劳的学习计划
像其他人一样,我最近偶然看到 Jose Aguinaga 的文章<在 2016 年学 JavaScript 是一种什么样的体验>". 译者注:中文翻译在此. 很显然,这篇文章触到 ...
js 中的五种继承方法
正式发布的ES6中已经封装实现了其他OO语言中的继承形式,Class Extends,这里主要记录js的原型继承和借用构造函数继承一.原型链继承 function Super(){this.name ...
[转载] JAVA面向对象之代码块继承方法的重写 super关键字与重写toString()方法介绍
参考链接: 可以重写Java中的私有方法吗 JAVA面向对象之代码块与继承代码块分类局部代码块作用:限制变量生命周期书写位置:在方法中构造代码块开发中很少使用书写位置:类中方法外调 ...
构造函数的五种继承方法
1.使用call或apply绑定构造函数 animal.apply(this.arguments) 2.使用prototype属性 Cat.prototype=new Animal(); Cat.pr ...
Python的两种继承方法
# class Animal: #经典类 class Animal(object): #新式类def __init__(self,name):self.name = namedef eat(self, ...
Javascript七种继承方式
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
一个轻量级javascript框架的设计模式
公司一直使用jQuery框架,一些小的项目还是觉得jQuery框架太过于强大了,于是自己周末有空琢磨着写个自己的框架.谈到js的设计模式,不得不说说js的类继承机制,javascript不同于PHP可 ...

转载一个关于JavaScript几种继承方法的总结

转载一个关于JavaScript几种继承方法的总结相关推荐

最新文章

热门文章