js对象、构造函数、命名空间、方法、属性

//类的属性
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>

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>

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.gender = 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对象、构造函数、命名空间、方法、属性相关推荐

如何获取JS对象的第一个属性的键或值
如何获取JS对象的第一个属性的键或值 1.获取JS对象的第一个属性的键 var obj = { name: "张三", city: "北京" };//获取obj ...
js 对象中添加新属性
js 对象中添加新属性对象数组添加新属性同名属性会被覆盖,相同属性会去重
js 对象不支持此属性或方法
今天工作在用js的过程中出现了一个问题,老是报"对象不支持此属性或方法"的错误,费了一个多小时!经过百度终于解决!原来是下列这句话出错啦! <input type=" ...
Js对象如何添加方法、查看Api
js万物皆对象,要带着观察对象的眼观去看待每一个函数.变量. 为什么要用到原型? Es6以前,js中没有如ooa编程当中的class,但是要用到类,怎么办呢,构造函数就应运而生,但是构造函数里面添加方 ...
JS对象的可枚举属性和不可枚举属性
昨天在写文章(转载)的时候发现了有些对象的方法是分可枚举性和不可枚举性的. 简单的查了一下资料,今天来捋一捋啥是对象的可枚举啥是不可枚举. JS中对象转数组方法总结可枚举性: 对象的每一个属性都有一 ...
多个html网页共享变量,多个jsp页面共享一个js对象的超级方法
今天,在项目中遇到一个问题,两个js页面要共享一个就js对象.js全局变量和静态变量都不行,其他苦逼的小农们就不要去强求了.而LZ又不想用cookie来存放,一是不安全,二个人喜好.最后发现一种超级方 ...
JS 对象直接量方法创建对象
以前在进行软件开发的时候,我一直都是用全局变量来进行函数之间的通信,因为当时学习并理解的方法也就这种方便快捷易懂,不过写多了之后发现,使用全局变量其实有比较多的坏处: 在开发的初期阶段,一般是先搭建框 ...
vue js对象拷贝的方法简单易用
对象拷贝的方法是一个难点,尤其是深拷贝.建议把代码都运行下,帮助理解拷贝. 一. json方法适合情况: JSON对象的深度克隆.方法是先JSON.stringify() 转为json字符串, 再 ...
js复制html样式,js对象深拷贝的方法
js 怎么把对象深拷贝到另一个对象 buy:function(buyList){buyList.forEach(function(good){good.farmer=this;});},buy是Far ...
显示js对象所有属性和方法的函数
function ShowObjProperty(Obj) { var PropertyList=''; var PropertyCount=0; for(i in Obj){ if(Obj ...

js对象、构造函数、命名空间、方法、属性

js对象、构造函数、命名空间、方法、属性相关推荐

最新文章

热门文章