js中的继承1--类继承

继承：
function Animal(name){
this.name = name;
this.showName = function(){
alert(this.name);
}
}

function Cat(name){
Animal.call(this, name);
}

var cat = new Cat("Black Cat");
cat.showName();

Animal.call(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了.

多继承：

function Class10()
{
this.showSub = function(a,b)
{
alert(a-b);
}
}

function Class11()
{
this.showAdd = function(a,b)
{
alert(a+b);
}
}

function Class2()
{
Class10.call(this);
Class11.call(this);
}

很简单，使用两个 call 就实现多重继承了
当然，js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴，只是在此说明call 的用法。说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments。

参考：http://www.studyofnet.com/news/419.html

转载于:https://www.cnblogs.com/cshi/p/5450009.html

js中的继承1--类继承相关推荐

JS中通过call方法实现继承
JS中通过call方法实现继承原文:JS中通过call方法实现继承讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1 ...
JS中常见的几种继承
1原型链继承子类构造函数.prototype = 父类的实例; 子类构造函数.prototype.constructor = 子类构造函数特点: 1.js继承是把父类的原型放到子类的原型链上,实例 ...
Javascript基础进阶(十六）JS中面向对象的理解、继承、封装、多态
小编推荐:Fundebug提供JS错误监控.微信小程序错误监控.微信小游戏错误监控,Node.j错误监控和Java错误监控.真的是一个很好用的错误监控费服务,众多大佬公司都在使用. 面向对象编程OOP ...
Swift项目中不能定义OC类继承Swift类
2019独角兽企业重金招聘Python工程师标准>>> 报错原因 Swift项目中 OC文件类继承 Swift文件类 Cannot subclass a class with ...
什么是继承？Java中如何声明一个类继承另一个类？
在现实生活中,说到继承,多会想到子女继承父辈的财产.事业等.在程序中,继承描述的是事物之间的所属关系,通过继承可以使多种事物之间形成一种关联体系.例如猫和狗都属于动物,程序中便可以描述为猫和狗继承自动 ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
Node.js中的常用工具类util
util是一个Node.js核心模块,提供常用函数的集合,用于弥补JavaScript的功能的不足,util模块设计的主要目的是为了满足Node内部API的需求.其中包括:格式化字符串.对象的序列化. ...
【Kotlin】Kotlin 类的继承一 ( 类继承基本方式 | final 关键字 | 子类主构造函数 | 子类次构造函数 )
文章目录 I . 类继承基本方式 II . 使用 final 禁止类继承 / 方法重写 III . 父类没有主构造函数 IV . 父类有主构造函数 V . 父类构造函数与子类构造函数总结 I . 类继 ...
python单继承和多继承_Python 类继承(单继承和多继承)
在面向对象的编程中,类的继承是非常重要的一个特性,Python同样支持类的继承.和Java等语言的单继承不同,Python支持类的单继承和有限的多继承. 一.Python类单继承在Python中,类 ...
js中给元素添加类的方法
一.原生js中添加类的方法 1.为 <div> 元素添加一个类: document.getElementById("div").classList.add(" ...

js中的继承1--类继承

js中的继承1--类继承相关推荐

最新文章

热门文章