JavaScript继承篇

作为一门面向对象的语言,JavaScript并没有“父类”与“子类”的概念,也没有像java提供extends关键字,c++中直接提供继承方法等那样直接进行继承。然而继承在面向对象的语言中的重要性不言而喻,所以,下述将简要探讨一下,JavaScript中的几种常用的继承方法。

首先,我们需要定义一个父类:

function Parent(username)
{
    this.username = username;
    this.sayHello = function()
    {
        return this.username;
    }
}

没有现成的继承方法的情况下,JavaScript学习者们通过对JavaScript的理解总结出5中常见的实用的继承方法:

  • 对象冒充
  • call方法
  • apply方法
  • 原型链方式
  • 混合方式(推荐)

1、对象冒充
顾名思义,子类通过冒充父类,从而获得父类的属性和方法,其中最重要的是下列三行代码

this.method = Parent;
this.method (username);
delete this.method;

以上的this均指代的是“子代”的实例,第一行代码为定义一个成员方法,即把函数Parent作为“子代”的成员方法;第二行为执行成员方法,该方法把Parent的属性和方法添加给了“子代”的实例;第三行为删除该方法,因为方法已经执行,“父代”的属性与方法已经获得。删不删都一样。

function Child(username,password)
{
    this.method = Parent;
    this.method(username);
    delete this.method;

    this.password = password;
    this.sayWorld = function()
    {
        return this.password;
    }
}
var parent = new Parent("zhangsan");
var child = new Child("lisi","123");

2、call方法方式
call方法是Function对象中的方法,因此我们定义的每个函数都有该方法。可以通过调用函数名来调用call方法call方法的第1个参数会被传递给Parent函数中的this,从第2个参数开始,逐一赋值给Parent函数中的参数。

function Child(username,password)
{
    Parent.call(this,username);
    
    this.password = password;
    this.sayWorld = function()
    {
        return this.password;
    }
}
var parent = new Parent("zhangsan");
var child = new Child("lisi","123");

Parent.call(this,username) 此处的this为子对象的this,传递给父对象,则function Parent(username)中的this全部为子对象的this,即完成了继承。
3、apply方式方法
apply方式与call方法结构上相近,唯一的区别就是apply中的参数传递规定的是数组形式,不用像call方法那样一个一个地写。

function Child(username,password)
{
    Parent.apply(this,new Array(username));
    
    this.password = password;
    this.sayWorld = function()
    {
        return this.password;
    }
}

4、原型链方式
原型链方式与对象冒充的原理一样,通过将Parent函数赋给“子代”作为其成员方法从而实现继承。然而,单纯的原型链方式有其固有的缺陷,与使用原型链方式构建对象时一样,它无法给构造函数传递参数。

function Parent()
{}
Parent.prototype.username = "zhangsan";
Parent.prototype.sayHello = function()
{
    return this.username;
}

function Child()
{}
Child.prototype = new Parent();
Child.prototype.password = "123";
Child.prototype.sayWorld = function()
{
    return this.password;
}

var child = new Child();
child.sayHello();
child.sayWorld();

5、混合方式
Parent.call()进行属性的继承,Child.prototype=new Parent()进行方法的继承。实现方法共享,属性私有。

function Parent(username)
{
    this.username=username;
}
Parent.prototype.sayHello = function()
{
    return this.username;
}

function Child(username,password)
{
    Parent.call(this,username);

    this.password = password;
}
Child.prototype = new Parent();
Child.prototype.sayWorld = function()
{
    return this.password;
}

var child=new Child("zhangsan","123");
child.sayHello();
child.sayWorld();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容

  • 继承 Javascript中继承都基于两种方式:1.通过原型链继承,通过修改子类原型的指向,使得子类实例通过原型链...
    LeoCong阅读 311评论 0 0
  • title: js面向对象date: 2017年8月17日 18:58:05updated: 2017年8月27日...
    lu900618阅读 570评论 0 2
  • class的基本用法 概述 JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子: ...
    呼呼哥阅读 4,100评论 3 11
  • json.loads()是将str转化成dict格式,json.dumps()是将dict转化成str格式。jso...
    玩阿轲睡妲己阅读 9,001评论 0 1
  • 首要考虑到的几个点 1,解决用户的是什么的需求 2,这样需求的用户是谁?在哪里? 3,适合的用户量级是多少,来制定...
    高凯笔记阅读 511评论 0 2