js对象、构造函数、命名空间、方法、属性
<script language="javascript">
? var myNameSpace = new Object(); //構造一個命名 空間myClass
? //類的屬性
? myNameSpace.names="cnscn";
? myNameSpace.age="30";
? myNameSpace.ClassPersons=function(argName,argAge){ //構造類名,即構造函數
???? this.names=argName;
???? this.age=argAge;
? }
? myNameSpace.ClassPersons.prototype={//類方法的定義
???? //方法getName()
???? getName:function(){
?????? alert(this.names);
???? }, //注意這里是"逗號"
???? //方法setName(argName)
???? setName:function(argName){
??????? this.names=argName;
???? }
? }
? var obj=new myNameSpace.ClassPersons("yao", 23);
? obj.getName();
? obj.setName("hhhh");
? obj.getName();
</script>
<script language="javascript">
? var myClass = new Object();
? myClass.names="cnscn";
? myClass.age="30";
?
? //定義類ClassPersons
? myClass.ClassPersons=function(argName,argAge){
???? this.names=argName;
???? this.age=argAge;
? }
? myClass.ClassPersons.prototype={
???? getName:function(){
?????? alert(this.names);
???? },
???? setName:function(argName){
??????? this.names=argName;
???? }
? }
? //定義類ClassUsers
? myClass.ClassUsers=function(argName,argAge){
???? this.names=argName;
???? this.age=argAge;
? }
? myClass.ClassUsers.prototype={
???? getName:function(){
?????? alert(this.names);
???? },
???? setName:function(argName){
??????? this.names=argName;
???? }
? }
? var obj=new myClass.ClassPersons("yao", 23);
? obj.getName();
? obj.setName("hhhh");
? obj.getName();
? var obj2=new myClass.ClassUsers("yao", 23);
? obj2.getName();
? obj2.setName("hhhh");
? obj2.getName();
</script>
1)//namespace.js
? var myClass = new Object();
? myClass.names="cnscn";
? myClass.age="30";
2)//ClassPersons.js
? myClass.ClassPersons=function(argName,argAge){
???? this.names=argName;
???? this.age=argAge;
? }
? myClass.ClassPersons.prototype={
???? getName:function(){
?????? alert(this.names);
???? },
???? setName:function(argName){
??????? this.names=argName;
???? }
? }
3)//ClassUsers.js
? //定義類ClassUsers
? myClass.ClassUsers=function(argName,argAge){
???? this.names=argName;
???? this.age=argAge;
? }
? myClass.ClassUsers.prototype={
???? getName:function(){
?????? alert(this.names);
???? },
???? setName:function(argName){
??????? this.names=argName;
???? }
? }
.引用
<script type="text/javascript" src="namespace.js"></script>
<script type="text/javascript" src="ClassPersons.js"></script>
<script type="text/javascript" src="ClassUsers.js"></script>
<script language="javascript">
? var obj=new myClass.ClassPersons("yao", 23);
? obj.getName();
? obj.setName("hhhh");
? obj.getName();
? var obj2=new myClass.ClassUsers("yao", 23);
? obj2.getName();
? obj2.setName("hhhh");
? obj2.getName();
</script>
//構造函數
?? function Person(name){
????? //類變量
????? this.name = name;
????? this.age? = 0;
????? this.pets = new Array();
?? }
?? //類setName(name)的函數
?? Person.prototype.setName=function(name){
????? this.name=name;
?? }
?? //類getName(name)的函數
?? Person.prototype.getName=function(){
????? return this.name;
?? }
?? //類pushPetsArr(item)的函數
?? Person.prototype.pushPetsArr=function(item){
????? this.pets[this.pets.length] = item;
?? }
//構造函數
?? function Person(name){
????? //類變量
????? this.name = name;
????? this.age? = 0;
????? this.gender = 0;
????? this.pets = new Array();
?? }
?? //類setName(name)的函數
?? Person.prototype = {
?????? setName: function(name){
???????? ? this.name=name;
?????? },
?????? //類getName(name)的函數
?????? getName: function(){
?????? ? ? return this.name;
?????? },
?????? //類pushPetsArr(item)的函數
?????? pushPetsArr: function(item){
?????????? this.pets[this.pets.length] = item;
?????? }
?? }
總結
以上是生活随笔為你收集整理的js对象、构造函数、命名空间、方法、属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JQuery EasyUI combob
- 下一篇: 面包糠为什么是白色的?