<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>javascript032.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<!--
js原型:prototype
在我们每个创建的函数中都有一个属性:prototype属性。原型属性。
它其实是一个对象,它的用途是把所有实例共享的属性和方法给包含起来。
我们也可以通过这个属性给对象添加新的属性和功能。
举例:通过画图工具画圆形。
照猫画虎:
虎.prototype = 猫。
如果是这样的话,我们修改猫,那么,虎的动作也就被修改了。
通过这个原型属性,等会我们就可以模拟继承。
-->
<script type="text/javascript">
function Person(name,age)
{
this.name = name;
this.age = age;
this.setName = function(n)
{
this.name = n;
};
this.getName = function()
{
return this.name;
};
this.setAge = function(a)
{
this.age = a;
};
this.getAge = function()
{
return this.age;
};
}
var p = new Person("武松",30);
alert(p.name+"***"+p.age);
//需求:我现在有一个学生类,他和这个Person类的结构一模一样,
//怎么办呢?
/*
function Student(name,age)
{
this.name = name;
this.age = age;
this.setName = function(n)
{
this.name = n;
}
this.getName = function()
{
return this.name;
}
this.setAge = function(a)
{
this.age = a;
}
this.getAge = function()
{
return this.age;
}
}
var s = new Student("石松",29);
alert(s.name+"***"+s.age);
*/
//我们发现这里面的代码一模一样,所以,我们决定要改进。
//重构:重构(Refactoring)就是在不改变软件现有功能的基础上,
//通过调整程序代码改善软件的质量、性能,使其程序的设计模式和架构更趋合理,提高软件的扩展性和维护性。
//通过了解重构和java中的继承,我们就想到了,这里的代码其实也是可以优化的。
//把学生类给注释调用,重写一个。
function Student(){} //什么都没有定义
//在这里产生一个继承关系
Student.prototype = p;
var s = new Student();
s.setName("石松");
s.setAge(29);
alert(s.getName()+"***"+s.getAge());
</script>
</body>
</html>
JavaScript基础(21)—原型的概述和模拟继承
最新推荐文章于 2022-09-21 09:31:11 发布