js继承实例

第一种方法:对象冒充(临时属性)

借用临时属性,指向超类,末了删除

function Person(name,gender){
	this.name=name;
	this.gender=gender;
	this.report=function(){
		alert(this.name);
	}
}

function Employee(name,gender,employeeID){
	this.method=Person;
	this.method(name,gender);
	delete this.method;
	this.employeeID=employeeID;
	this.getemployeeID=function(){
		alert(this.employeeID);
	}
	var _this=this;
	this.report=function(){
		setInterval(function(){
			alert(_this.employeeID+":"+_this.name);
		},1000)
	}

}
var jj=new Employee("jj","男","24");
jj.report();

第二种方法:对象冒充(call,apply)

function Person(name,gender){
	this.name=name;
	this.gender=gender;
	this.report=function(){
		alert(this.name);
	}
}

function Employee(name,gender,employeeID){
	Person.apply(this,new Array(name));     //Person.call(this,name);
	this.employeeID=employeeID;
	this.getemployeeID=function(){
		alert(this.employeeID);
	}
	var _this=this;
	this.report=function(){
		setInterval(function(){
			alert(_this.employeeID+":"+_this.name);
		},1000)
	}

}
var jj=new Employee("jj","男","24");
jj.report();

第三种方法:原型链的方式(这种方式实例化子类时不能将参数传给父类)

最后,总结一下自认为较好的继承实现方式,成员变量采用对象冒充方式,成员方法采用原型链方式,

时间: 2024-10-29 19:08:19

js继承实例的相关文章

js继承的常用方式

写在前面的话:这篇博客不适合对面向对象一无所知的人,如果你连_proto_.prototype...都不是很了解的话,建议还是先去了解一下JavaScript面向对象的基础知识,毕竟胖子不是一口吃成的. 我们都知道面向对象语言的三大特征:继承.封装.多态,但JavaScript不是真正的面向对象,它只是基于面向对象,所以会有自己独特的地方.这里就说说JavaScript的继承是如何实现的. 学习过Java和c++的都知道,它们的继承通过类实现,但JavaScript没有类这个概念,那它通过什么机

JS继承的实现方式

前言 JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一.那么如何在JS中实现继承呢?让我们拭目以待. JS继承的实现方式 既然要实现继承,那么首先我们得有一个父类,代码如下: // 定义一个动物类 function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉!'); } } // 原型方法 Animal

JS继承——原型的应用

前面我们知道JS是基于对象编程的一种脚本语言,在JS本着一切皆对象的原则,对象之间也涉及到了继承,不过这里的继承与我们以往学习过的继承有所不同,它运用的是对象的原型,来构造一个原型链来实现对超类对象的继承. 1.如何实现对象继承 function Box() { //Box 构造<span style="font-family:Arial;font-size:18px;">,超类对象</span> this.name = 'Lee'; } Desk.protot

JS继承的几种方式

JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一. 既然要实现继承,那么我们先定义一个父类: // 定义一个动物类 function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ alert(this.name + '正在睡觉!'); } } // 原型方法 Animal.prototype.eat = function(food) { alert(this.na

JS继承的6种方式

JS继承:1.原型链继承 Person.prototype = new Animal();将父类的实例作为子类的原型.(1)不能向构造函数传参,无法实现多继承(2)来自原型对象的引用属性是所有实例共享的 2.构造继承实际上使用父类的构造函数来增强子类,等于是把父类的构造函数复制给子类.function Person(name) { Animal.call(this); this.name = name;}优点:(1)可以向构造函数传参数(2)可以实现多继承,多call几个缺点:(1)无法实现函数

JS继承的一些见解

JS继承的一些见解 js在es6之前的继承是五花八门的.而且要在项目中灵活运用面向对象写法也是有点别扭,更多的时候还是觉得面向过程的写法更为简单,效率也高.久而久之对js的继承每隔一段时间就会理解出现困难.所以这次我要把对对象的理解写下来,这样应该就深刻一点了. 我们先来看看一个对象是怎么生成的 // 三种创建对象的方法 var obj = {} var obj2 = new Object() var obj3 = Object.create(null) // 创建一个空字符串对象 var ob

JS继承(简单理解版)

童鞋们,我们今天聊聊js的继承,关于继承,平时开发基本用不到,但是面试没有不考的,我就想问,这是人干的事吗? 好吧,迫于社会主义核心价值观,我们今天就来简单说一说js的继承,谁让它是面向对象编程很重要的一个方面呢 首先一句定义,什么是继承: A对象通过继承 B 对象,就能直接拥有 B 对象的所有属性和方法. 常见的集成方式有六种,我们今天依次简单的说一下,现在让我们把这六种方式分一下类,大致上可分为三类 第一类:普通类 这类继承方法有个特性,就是简单,容易实现,一共两种: 1.原型链继承 关键点

一文看懂JS继承

继承是OOP中大家最喜欢谈论的内容之一,一般来说,继承都两种方式:接口继承和实现继承而JavaScript中没有接口继承需要的方法,因此只能依靠实现继承.在讲继承的实现之前,我们首先来回顾一下什么是继承?继承的作用是什么? 它可以使用现有类的所有功能,并在无需重新编写原来的类的情况下对这些功能进行扩展.通过继承创建的新类称为"子类"或"派生类".被继承的类称为"基类"."父类"或"超类".在清楚继承的作用之

创建 JS Object 实例

创建 Object 实例的方式有两种.第一种是使用 new 操作符后跟 Object 构造函数,如下所示: var person = new Object(); person.name = "Jack"; person.age = 27; 第二种方式如下所示: var person = { name: "Jack", age: 27 } 使用第二种方式时,如果花括号内为空,则表示定义只包含默认属性和方法的对象.如下所示: var person = {}; perso