js 4种方式实现继承.

最新推荐文章于 2024-08-09 17:21:38 发布

fhnp1983

最新推荐文章于 2024-08-09 17:21:38 发布

阅读量521

点赞数

分类专栏： javascript 文章标签： function html delete

本文链接：https://blog.csdn.net/fhnp1983/article/details/7000878

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<script type="text/javascript"><!--
//冒充对象
/*function Parent(username)
{
	this.username=username;
	this.sayHello=function()
	{
		alert(this.username);
	}
}
function Child(username,password)
{
	this.method=Parent;
	this.method(username);
    delete this.method;
	this.password=password;
	this.sayWorld=function()
	{
		alert(this.password);
	}
}
var parent=new Parent("zhangsan");
var child=new Child("lisi","1234");

parent.sayHello();
child.sayHello();
child.sayWorld();
*/

//call 方式实现对象的继承
/*
function Parent(username)
{
	this.username=username;
	this.sayHello=function()
	{
		alert(this.username);
	}
}
function Child(username,password)
{
	Parent.call(this,username);
	this.password=password;
	this.sayWorld=function()
	{
		alert(this.password);
	}
}
var parent=new Parent("zhangsan");
var child=new Child("lisi","1234");

parent.sayHello();
child.sayHello();
child.sayWorld();
*/


//apply 方式实现对象的继承
/*function Parent(username)
{
	this.username=username;
	this.sayHello=function()
	{
		alert(this.username);
	}
}
function Child(username,password)
{
	Parent.apply(this,new Array(username));
	this.password=password;
	this.sayWorld=function()
	{
		alert(this.password);
	}
}
var parent=new Parent("zhangsan");
var child=new Child("lisi","1234");

parent.sayHello();
child.sayHello();
child.sayWorld();
*/
//prototype chain
/*
function Parent()
{}
Parent.prototype.name="zhangsan";
Parent.prototype.sayHello=function()
{
	alert(this.name);
}

function Child()
{}
Child.prototype=new Parent();

Child.prototype.world="world";
Child.prototype.sayWorld=function()
{
	alert(this.world);
}

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

//混合方式实现对象的继承(推荐)
function Parent(name)
{
	this.name=name;
}

Parent.prototype.sayHello=function()
{
	alert(this.name);
}

function Child(name,world)
{
	Parent.call(this,name);
	this.world=world;
}
Child.prototype=new Parent();

Child.prototype.sayWorld=function()
{
	alert(this.world);
}

var child=new Child("name","world");
child.sayHello();
child.sayWorld();

</script>
<body>

</body>
</html>

fhnp1983

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js 4种方式实现继承.

Insert title here<!--//冒充对象/*function Parent(username){ this.username=username; this.sayHello=function() { alert(this.username); }}function Child(username,password){ this.method=Parent;
复制链接

扫一扫

专栏目录