本文记录 prototype constructor 实现javascript继承。
//1:object 对象
//2:function 对象
//2:function Prototype 模式
//拷贝，深拷贝和浅拷贝
//prototype constructor 方式 ,改变原型,定向构造函数
直接上代码，
<html>
<head>
<meta charset="utf-8" />
<title>JS OO</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>
<script>
//1:object 对象
//2:function 对象
//2:function Prototype 模式
//拷贝，深拷贝和浅拷贝
//prototype constructor 方式 ,改变原型,定向构造函数
function person(name,sex){
this.name=name;
this.sex= sex;
}
person.constructor={};
person.prototype={
getName:function(){
return this.name;
},
getSex:function(){
return this.sex;
},
age:19
}
//哪国人对象
function nationer(name,sex,nation){
this.name=name;
this.sex=sex;
this.nation=nation;
}
nationer.prototype=new person();
nationer.prototype.constructor=nationer;
nationer.prototype.getNation=function(){
return this.nation;
}
//哪国哪省人
function proviceor(name,sex,nation,provice){
this.name=name;
this.sex=sex;
this.nation=nation;
this.provice=provice;
}
proviceor.prototype=new nationer();
proviceor.prototype.constructor=proviceor;
proviceor.prototype.getProvice=function(){
return this.provice;
}
var hb = new proviceor(‘zc‘,‘male‘,‘china‘,‘hb‘);
</script>
</body>
</html>
结构：
作者：zc
出处：http://www.cnblogs.com/jmzs/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
时间： 2024-08-07 21:20:13