手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript中对象继承的实现小例
Javascript中对象继承的实现小例
摘要:复制代码代码如下: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动态设置样式style实例分析

JavaScript常用数组算法小结

JavaScript中继承用法实例分析

javascript带回调函数的异步脚本载入方法实例分析

javascript元素动态创建实现方法

JavaScript中switch语句的用法详解

JavaScript实现表格点击排序的方法

javascript中动态函数用法

仅30行代码实现Javascript中的MVC

javascript实现仿腾讯游戏选择

精品推荐
分类导航