Javascript中对象继承的实现小例_Javascript教程-查字典教程网
Javascript中对象继承的实现小例
Javascript中对象继承的实现小例
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:Inserttitlehere/***json对象的格式{key:value,key:value,key:value..}...

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</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);//自己新添加的属性

//定义一个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>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类