<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.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对象、构造函数、命名空间、方法、属性的更多相关文章

  1. 判断JS对象是否拥有某属性的方法举例

    判断JS对象是否拥有某属性 JS是否拥有某属性的判断方法,这里提供两种方式,供大家参考. 1.in 运算符 var obj = {name:'jack'}; alert('name' in obj); ...

  2. js对象中动态读取属性值 动态属性值 js正则表达式全局替换

    $(document).ready(function(){ var exceptionMsg = '${exception.message }'; var exceptionstr = ''; //j ...

  3. json转js对象方法,JS对象转JSON方法

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  4. js对象3--工厂方法加深引出原型--杂志

    继续上一章的案例讲解: <script type="text/javascript"> function createPreason(name,sex){ //他的怪癖 ...

  5. js对象拷贝的方法

     对象拷贝的方法是一个难点,尤其是深拷贝.建议把代码都运行下,帮助理解拷贝. 一. json方法 1. 适合情况:  JSON对象的深度克隆.方法是先JSON.stringify() 转为json字符 ...

  6. JS对象的可枚举属性和不可枚举属性

    昨天在写文章(转载)的时候发现了有些对象的方法是分可枚举性和不可枚举性的.简单的查了一下资料,今天来捋一捋啥是对象的可枚举啥是不可枚举. 可枚举性: 对象的每一个属性都有一个描述对象,用来描述和控制该 ...

  7. 03process对象的其他方法属性

    一 Process对象的join方法 在主进程运行过程中如果想并发地执行其他的任务,我们可以开启子进程,此时主进程的任务与子进程的任务分两种情况 情况一:在主进程的任务与子进程的任务彼此独立的情况下, ...

  8. js对象的所有方法

    Object构造方法 Object.assign() 将所有可枚举的自身属性的值从一个或多个源对象复制到目标对象. Object.create() 用指定的原型对象和属性创建一个新对象. Object ...

  9. 关于js对象中的,属性的增删改查问题

    删除主要是delet方法: 1 function Person(){}; 2 var person = new Person(); 3 person.name = 'yy'; 4 person.gen ...

  10. JS对象 返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成

    返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天.如果要返回相对应"星期",通过数组完成,代码如下: <script type="te ...

随机推荐

  1. Optaplanner逐步学习(0) : 基本概念 - Optaplanner,规划问题, 约束,方案

    之前的文章中,分别从APS,排产到规划引擎叙述了一些理论基础:并介绍了一些Optaplanner大概的情况:并一步步将Optaplanner的示例运行起来,将示例源码导进Eclipse分析了一下它的H ...

  2. JAVA解析XML文件(DOM,SAX,JDOM,DOM4j附代码实现)

    1.解析XML主要有四种方式 1.DOM方式解析XML(与平台无关,JAVA提供,一次性加载XML文件内容,形成树结构,不适用于大文件) 2.SAX方式解析XML(基于事件驱动,逐条解析,适用于只处理 ...

  3. easyui combobox setValue数据绑不上

    var synj = "<%=arrbj[3]%>"; var xnxq = "<%=xnxq%>"; OnchangeSelect($ ...

  4. thinkphp零碎小知识

    在使用thinkphp搭建后台的时候,有很多的参数需要去配置,有的记不住还要去查找,这里把一些基本的参数整理一下,还有些零碎的知识点,与大家共勉,希望能方便大家. 友情提示:这些配置是 thinkph ...

  5. 代理delegate

    1>代理的用处是什么? 监听那些不能通过addTarget监听的事件 主要用开负责在两个对象之间,发生某些事件时,传递或发送消息 当我们需要 监听某些事件时,但苹果没有提供相关监听方法(addt ...

  6. 基于Java配置Spring加Hibernate和再加SpringData时的差别

    先在类路径application.properties jdbc.driverClassName = org.postgresql.Driver jdbc.url = jdbc:postgresql: ...

  7. 2016-wing的年度总结

    大神们都爱写总结,为了早日成为大神,我也来写一波. 2016 有很多事情发生. 从日常生活来讲,生活水平得到了一定提升,从600一个月的村子搬到了800一个月的村子(/捂脸); 从就业环境来讲,许多人 ...

  8. postgresql添加字段

    ALTER TABLE jiangan_config ADD COLUMN article text NOT NULL DEFAULT ''; pg_dump -s database_name -t ...

  9. 拦截器(Interceptor)中的invocation.invoke()

    关于在Struts2的自定义的验证拦截器(Interceptor)中的invocation.invoke()是什么意思? package com.xjtu.interceptor; import co ...

  10. Redis之(三)管理命令

    4.1键管理 通过学习五种数据类型的操作命令,可以发现,Redis对每种数据的处理之前,都要先指定该数据的key,然后再指定对该数据进行何种操作. Redis中的key有点类似于Java中的变量名,起 ...