`

[原]JavaScript学习笔记(六.继承)

阅读更多

1.单继承,使用call()方法

 

	//父类
	function Father(name,age)
	{	
		this.Name = name;
		this.Age = age;
		this.Intro = function()
		{
			alert("hello, I am" + this.Name);	
		}
	}
	
	//子类
	function Child(name,age)
	{
		Father.call(this,name,age);//实现继承!并且调用父类的构造方法,this是当前对象		
       //      Father.apply(this, new Array(name,age));	//跟call一样的功能

		this.Code = function()
		{
			alert("I am coding");
		}
	}

	var father = new Father("father",50);
	var child = new Child("child",23);
	
	father.Intro();
	child.Intro();	//子类调用继承自父类的方法
	child.Code();	//子类调用自己的方法

 


2.单继承 

 

//父类
	function Father(name,age)
	{	
		this.Name = name;
		this.Age = age;
		this.Intro = function()
		{
			alert("hello, I am" + this.Name);	
		}
	}
	
	//子类
	function Child(name,age)
	{
		this.Constructer = Father;	//指定方法为上面那个父类的那个方法,跟下面的方法合起来实现继承
		this.Constructer(name,age);  //调用该方法:注意调用的时候,是Child对象调用,那么调用完,Child的2个属性也就赋值了,而且多了1个方法
		delete this.constructor; // 删除这个方法,是因为不想覆盖父类的相关方法和属性?
			
		this.Code = function()
		{
			alert("I am coding");
		}
	}

	var father = new Father("father",50);
	var child = new Child("child",23);
	
	father.Intro();
	child.Intro();	//子类调用继承自父类的方法
	child.Code();	//子类调用自己的方法

 


3.多继承

 

//父类1
function Father(name,age)
{	
	this.Name = name;
	this.Age = age;
	this.Intro = function()
	{
		alert("hello, I am" + this.Name);	
	}
}
//父类2
function Father_2(pay)
{
	this.Pay = pay;
	this.showPay = function()
	{
		alert("your pay is " + this.Pay);
	}
}
//子类
function Child(name,age,pay)
{
	this.Constructer = Father;	//指定方法为上面那个父类的那个方法
	this.Constructer(name,age);  //调用该方法:注意调用的时候,是Child对象调用,那么调用完,Child的2个属性也就赋值了,而且多了1个方法
	delete this.Constructor; // 删除这个方法,是因为不想覆盖父类的相关方法和属性?
		
	this.Constructer2 = Father_2;
	this.Constructer2(pay);
	delete this.Constructer2;	
	
	this.Code = function()
	{
		alert("I am coding");
	}
}

var father = new Father("father_1",50);	
var fater_2 = new Father_2(5000);		
var child = new Child("zxh",23,10000);  //I am coding. 

father.Intro();			//hello, I am father'_1
child.Intro();			//调用从第一个父类继承的方法	hello,I am zxh. 
child.Code();			//I am coding							
child.showPay();		//调用从第二个父类继承的方法 your pay is 10000

 

 

4.多继承2


 

//父类构造方法
	function Father(name,age)
	{
		this.Name = name;
		this.Age = age;
	}
	
	//父类的方法
	Father.prototype.Intro = function()
	{
		alert("I am father");
	}
	
	//子类构造方法
	function Child(name,age)
	{
		Father.call(this,name,age);	//调用父类构造方法,得到各个属性
	}
	
	Child.prototype = new Father();  //实现继承

	//定义子类自己的方法
	Child.prototype.Code = function()
	{
		alert("I am coding !");
	}
	
	//覆盖父类的方法[如果不指定上面的继承,其实也就相当与自己新定义一个一样]
	Child.prototype.Intro = function()
	{
		alert("I am " + this.Name);
	}
	
	var father = new Father();
	var child = new Child("zxh",23);
	father.Intro(); //父类调用自身方法
	child.Intro();  //子类调用覆盖父类的方法
	child.Code();	//子类调用自己定义的方法

 

分享到:
评论

相关推荐

    javascript学习笔记.docx

    这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...

    javaScript学习笔记.rar

    这个“javaScript学习笔记.rar”压缩包显然包含了作者在学习JavaScript过程中的心得和记录,对于初学者或者想要深入理解JavaScript的人来说,是一份宝贵的资源。 JavaScript与Java虽然名字相似,但两者实际上是不同...

    JavaScript-学习笔记.docx

    JavaScript是一种广泛应用...以上就是JavaScript学习笔记中的主要知识点,理解和掌握这些内容对于深入学习JavaScript至关重要。在实际编程中,还需要结合具体的场景灵活运用,并不断实践和探索更高级的特性和最佳实践。

    Javascript学习笔记.docx

    4. JavaScript中的对象与事件:面向对象编程允许我们封装、抽象和继承,创建可复用的代码。属性和方法是对象的一部分,而变量是独立的。函数作为对象的方法时,通过`this`关键字调用。事件是用户与页面交互的瞬间,...

    原生javascript笔记.zip

    9. **原型与继承**:JavaScript使用原型链实现对象的继承,理解`__proto__`、`prototype`和`Object.create`对于面向对象编程至关重要。 10. **ES6及之后的新特性**:包括箭头函数、模板字符串、解构赋值、类(class...

    JS学习笔记doc.rar

    这份“JS学习笔记doc.rar”压缩包包含了一份详细的学习资料,旨在帮助初学者快速理解和掌握JavaScript的核心概念与实践技巧。 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(如...

    2023年Javascript学习笔记.docx

    JavaScript是Web开发中不可或缺的一部分,尤其在2023年,随着前端技术的不断发展,JavaScript的应用范围更加广泛。以下是对给定文件中提及的JavaScript知识点的详细解释: 1. **CSS选择器的大小写敏感性**:在CSS中...

    JavaScript练习程序学习笔记.rar

    这份“JavaScript练习程序学习笔记”很可能包含了一系列的代码示例、学习心得和常见问题解答,旨在帮助学习者深入理解和掌握JavaScript编程。 在JavaScript的学习过程中,首先会接触到基础语法,包括变量声明(var...

    JavaScript学习笔记

    本学习笔记旨在帮助初学者快速掌握JavaScript的核心概念和技术,实现从入门到精通的过渡。 1. **基础语法** - 变量声明:JavaScript支持var、let和const关键字声明变量,理解它们的作用域和提升特性至关重要。 - ...

    javascript入门学习笔记

    这份"javascript入门学习笔记"旨在为初学者提供一个全面且深入的JavaScript学习路径。 一、基础语法 JavaScript的基础包括变量、数据类型、操作符、流程控制等。变量用于存储数据,数据类型分为基本类型(如字符串...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    ES6 学习笔记.pdf

    通过这份学习笔记,我们可以看到ES6作为一个重要的JavaScript版本更新,它所引入的新特性极大推动了JavaScript的发展,使之更加成熟和强大,尤其在异步编程和模块化方面,为前端开发提供了更多现代化的解决方案。

    Java学习笔记2.zip

    【Java学习笔记2.zip】这个压缩包包含了丰富的Java开发相关资源,涵盖了数据库操作、框架应用、Web开发以及面试准备等多个方面。以下将详细介绍其中涉及的关键知识点: 1. **设计模式**: - 设计模式是软件工程中...

    我的javascript学习笔记

    根据提供的文件信息,可以看出这份“我的javascript学习笔记”主要涵盖了JavaScript中的几个关键概念和技术要点,包括正则表达式、AJAX以及一些JavaScript的核心语言特性。接下来将这些知识点进行详细的整理和解释。...

    PHP学习笔记总结.doc

    【PHP学习笔记总结】 PHP(超文本预处理器)是一种广泛使用的开源脚本语言,特别适合于Web开发。它能够嵌入HTML中,让开发者在服务器端处理数据,生成动态网页内容。与JavaScript不同,PHP代码在服务器上执行,然后...

    JavaScript 入门 新手学习笔记

    这篇"JavaScript入门新手学习笔记"提供了全面的学习资源,适合初学者系统性地掌握这一技术。 笔记可能包含了以下关键知识点: 1. **基础语法**:JS的基础包括变量(var、let、const)、数据类型(如字符串、数字、...

    python, golang, js 等学习笔记归档. 包含代码, 文档, etc.zip

    这是一个涵盖了Python、Golang和JavaScript三个主流编程语言的学习笔记压缩包。这三门语言在现代IT行业中都有着广泛的应用,从Web开发到系统编程,再到数据分析,都有它们的身影。接下来,我们将详细探讨这些语言的...

    JavaScript高级资料JavaScript代码 素材 笔记 作业资料.zip

    JavaScript高级资料JavaScript代码 素材 笔记 作业资料,学习资料 01-创建类和对象.html 02-类中添加方法(1).html 03-类的继承(1).html 04-super关键字调用父类普通函数(1).html 05-子类继承父类方法同时扩展自己...

    《李炎恢Javascript笔记》+源码

    《李炎恢Javascript笔记》是一本深入浅出的JavaScript学习资料,它涵盖了JavaScript的基础到实践应用的诸多方面。这本书的特点是将复杂的编程概念分解为易于理解的小知识点,并且提供了源码示例,使得读者能够更好地...

Global site tag (gtag.js) - Google Analytics