Javascript对象继承的小例子

最新推荐文章于 2020-06-09 19:48:26 发布

一城往事半边云

最新推荐文章于 2020-06-09 19:48:26 发布

阅读量413

点赞数

分类专栏：其它

其它专栏收录该内容

58 篇文章 0 订阅

订阅专栏

分享一个 Javascript中对象继承的实例代码。

例子：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Javascript中对象继承--www.jbxue.com</title> 
<script type="text/javascript"> 
/** 
* json对象的格式 
{key:value,key:value,key:value..} 
*/ 
//创建对象的小例子 
//-----1 
var r={}; 
r.name="tom"; 
r.age=18; 
//-----2 
var r={name:"tom",age:20};//json对象 
alert(r.age); 
//---1,2是等价的 
//-------原型模式的写法 
//----1 
function Person(){}; 
Person.prototype.name="中国人"; 
Person.prototype.age=20; 
//原型模式的简写形式--2 
function Person(){}; 
Person.prototype={name:"中国人", 
age:20,} 
//-----1,2等价的 
//================================ 
/* {name:"中国人", 
age:20,} 
上面的这种格式本身就是个对象，将其付给另一个对象的prototype，就使得 
另一个对象的所有属性。实质上就是继承 
*/ 
//================================ 
//标准的对象继承例子，Person,Student 
//定义一个Person对象 
function Person(){}; 
Person.prototype.name="中国人"; 
Person.prototype.age=20; 
var person=new Person(); 
//定义一个Student对象 
function Student(){}; 
Student.prototype=person; 
Student.prototype.girlFriend="可以有的"; 
var stu=new Student(); 
stu.laop="不许谈恋爱"; 
alert(stu.name);//继承自父对象的实例 
alert(stu.laop);//自己新添加的属性 

www.jbxue.com
//定义一个Teamleader对象的 
function Teamleader(){}; 
Teamleader.prototype=new Student();//继承自Student 
Teamleader.prototype.teamNum=8;//Teamleader自己的属性 
//创建自己的实例 
var teamleader=new Teamleader(); 
alert(teamleader.teamNum); 
teamleader.girlFriend="也不可以有哦"; 
alert(teamleader.name); 
//================================= 
/*js中继承的核心就是prototype*/ 
//================================= 
</script> 
</head> 
<body> 
JS是对象继承！！</body> 
</html>

一城往事半边云

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript对象继承的小例子

分享一个Javascript中对象继承的实例代码。例子： IJavascript中对象继承 /** * json对象的格式 {key:value,key:value,key:value..} */ //创建对象的小例子 //-----1 var r={}; r.name="tom"; r.age=18; //---
复制链接

扫一扫