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对象、构造函数、命名空间、方法、属性的更多相关文章
- 判断JS对象是否拥有某属性的方法举例
判断JS对象是否拥有某属性 JS是否拥有某属性的判断方法,这里提供两种方式,供大家参考. 1.in 运算符 var obj = {name:'jack'}; alert('name' in obj); ...
- js对象中动态读取属性值 动态属性值 js正则表达式全局替换
$(document).ready(function(){ var exceptionMsg = '${exception.message }'; var exceptionstr = ''; //j ...
- json转js对象方法,JS对象转JSON方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- js对象3--工厂方法加深引出原型--杂志
继续上一章的案例讲解: <script type="text/javascript"> function createPreason(name,sex){ //他的怪癖 ...
- js对象拷贝的方法
对象拷贝的方法是一个难点,尤其是深拷贝.建议把代码都运行下,帮助理解拷贝. 一. json方法 1. 适合情况: JSON对象的深度克隆.方法是先JSON.stringify() 转为json字符 ...
- JS对象的可枚举属性和不可枚举属性
昨天在写文章(转载)的时候发现了有些对象的方法是分可枚举性和不可枚举性的.简单的查了一下资料,今天来捋一捋啥是对象的可枚举啥是不可枚举. 可枚举性: 对象的每一个属性都有一个描述对象,用来描述和控制该 ...
- 03process对象的其他方法属性
一 Process对象的join方法 在主进程运行过程中如果想并发地执行其他的任务,我们可以开启子进程,此时主进程的任务与子进程的任务分两种情况 情况一:在主进程的任务与子进程的任务彼此独立的情况下, ...
- js对象的所有方法
Object构造方法 Object.assign() 将所有可枚举的自身属性的值从一个或多个源对象复制到目标对象. Object.create() 用指定的原型对象和属性创建一个新对象. Object ...
- 关于js对象中的,属性的增删改查问题
删除主要是delet方法: 1 function Person(){}; 2 var person = new Person(); 3 person.name = 'yy'; 4 person.gen ...
- JS对象 返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成
返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天.如果要返回相对应"星期",通过数组完成,代码如下: <script type="te ...
随机推荐
- 自定义shell终端提示符及颜色即修改 PS1文件 (以Centos为例)
Linux修改Shell命令提示符及颜色 1. Linux登录过程中加载配置文件顺序: /etc/profile → /etc/profile.d/*.sh → ~/.bash_profile → ~ ...
- Redis从入门到精通:初级篇
原文链接:http://www.cnblogs.com/xrq730/p/8890896.html,转载请注明出处,谢谢 Redis从入门到精通:初级篇 平时陆陆续续看了不少Redis的文章了,工作中 ...
- Ubuntu16.04下安装jdk1.8过程
笔者环境:腾讯云服务器 Ubuntu16.04 x64 一 . 去oracle官网下载对应的jdk 下载地址:http://www.oracle.com/technetwork/java/javase ...
- Docker学习系列(一)Docker简介
简介 Docker是一个在全球范围领先的软件容器平台.开发人员可以使用容器来在协作过程中遇到的解决"不同环境配置"的问题.(例如,在传统的开发环境下,开发人员编写代码,然后交由测试 ...
- C++ 程序在运行时不显示dos界面
在程序最开始处加一句: #pragma comment( linker, "/subsystem:windows /entry:mainCRTStartup" ) PS: 在VS中 ...
- Python3 XML解析
什么是XML? XML 指可扩展标记语言(eXtensible Markup Language),标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言. 你可以通过本站学习XML教程 ...
- JAVA生成数字0~9字母A~Z混合编码0000、0001...0009、000A...000Z、0010......
分别是求下一个编码 和 输出所有编码 /** * 用1--9加A--Z混合编码 使用ASCII码判断 * LYL * 传一个值 求下一个编码 */ public String getABCDCode( ...
- Bootstrap3 代码-程序输出
通过 <samp> 标签来标记程序输出的内容. This text is meant to be treated as sample output from a computer prog ...
- AsyncTask还要知道的一些知识
在之前的博客中,对AsyncTask做过详细分析,而且也以小案例的形式,介绍如何基本的使用它.今天再来探讨它,更多的认识,尤其在面试中以下面方式回答,可能印象分更多一些. 面试题:讲一讲您对Async ...
- [图论]最大流问题(Maximum flow)的定义
首先定义网络(network)N =(V,E), V表示顶点(Vertices)集合, E表示边(Edges)集合. s,t是V中的两个顶点,分别表示网络N中的源点(source)和汇点(sink). ...