js继承研究

最新推荐文章于 2024-12-06 23:37:23 发布

最新推荐文章于 2024-12-06 23:37:23 发布 · 136 阅读

文章标签：

#prototype #XHTML #HTML

Javasript/Ajax学习专栏收录该内容

19 篇文章

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	var temp=function(name){
       this.name=name;
	}
	temp.prototype.getName=function(){
	   return this.name;
	}
	//继承

	temp.prototype.says=function(){
//		没讲这个this.saying为多少的值
		 return this.saying||'';
	}
	//初始化一个类，创建一个新实例
	var newTemp=new temp('tianyazjq');
	var name=newTemp.getName();

	//继承开始
	var cat=function(name){
		this.name=name;
		this.saying="测试一下，是否读到";
	}
	cat.prototype=new temp();
	//扩充新继承的对象．定义新的方法;
	cat.prototype.purr=function(n){
		var i,s="";
		for(var i=0;i<n;i++){
			if(s){
				s+="-";
			}
			s+='r';

		}
		return s;
	}
	cat.prototype.get_name=function(){
		return this.says()+this.name+this.says();

	}
	var newCat=new cat("我的小猫");
	console.log("says的函数值为："+newCat.says());
	console.log("新定义的purr方法是："+newCat.purr(5));
	var catName=newCat.get_name();
	console.log(catName);
</script>
</head>

<body>
　还是乱码，我晕
</body>
</html>