<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. html5应用程序缓存

    缓存概念: ------页面缓存: html.JS.CSS等,这些缓存资源是由于浏览器的行为而产生; ------数据缓存 ----------AppCache:  Cache Manifest 操作 ...

  2. TCP 通信

    一.TCP与UDP的区别 二.ServerSocket与Socket 1 ServerSocket 以上介绍的几个构造方法中,第二个构造方法最常用. 2.Socket import java.io.* ...

  3. Linux下打包tar.gz

    将heben-addressbookinit打包成heben-addressbookinit.tar.gz格式 方式1:czvf heben-addressbookinit.tar.gz heben- ...

  4. Servlet技术 Cookie与Session

    会话过程:用户打开浏览器,点击链接访问资源,最后到关闭浏览器的整个过程称之为会话. 会话使用:与服务器进行会话的过程中产生数据,数据被保存下来,服务器根据数据对客户进行辨别,做出个性化的响应. 介绍两 ...

  5. Java网络爬虫Hello world实现——Httpclient爬取百度首页

    1.创建Maven项目 2.Httpclient Maven地址 <dependency> <groupId>org.apache.httpcomponents</gro ...

  6. java基础复习+大数运算

    String: Array: 下面分别是大数加法,加法,乘法,取模

  7. 原生Js写轮播图代码

    html css js 在知道jQuery如何实现轮播效果的基础上,用js写代码 如图:标记这里的地方 理解一下 用到的知识: 1.HTML DOM 的appendChild() 和 removeCh ...

  8. jQuery CSS 类

    通过 jQuery,可以很容易地对 CSS 元素进行操作. jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一 ...

  9. Android Studio精彩案例(六)《使用一个Demo涵盖补间动画所有知识》

    转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 元旦假期里,闲的无事,看到美团加载数据的动画,就突想写个Demo把动画知识集成一下.后来想了想,还是直接用一个Demo来把所有动画知识 ...

  10. 20160216.CCPP体系详解(0026天)

    程序片段(01):01.MemCpy.c 内容概要:内存拷贝 #include <stdio.h> #include <stdlib.h> #include <memor ...