JavaScript 创建对象和构造类实现代码


Posted in Javascript onJuly 30, 2009

创建一个对象
Java代码

<script type="text/javaScript"> 
var newObject=new Object(); 
//创建一个对象 
newObject.firstName="frank"; 
//增加一个firstName属性 
newObject.sayName=function(){ 
alert(this.firstName); 
} 
//添加一个sayName方法 
//调用sayName方法 
// newObject.sayName(); 
// newObject["sayName"](); 
var FirstName=newObject["firstName"]; 
var whatFunction; 
// if(whatVolume==1){ 
// whatFunction="sayName"; 
// }else if(whatVolume==2){ 
// whatFunction="sayLoudly" 
// } 
// newObject[whatFunction](); 
function sayLoudly(){ 
alert(this.firstName.toUpperCase()); 
} 
newObject.sayLoudly=sayLoudly; 
//另一种方式添加方法 
newObject["sayLoudly"](); 
</script>

利用json(javaScript Object Notation)创建对象和上面同样的效果。
Java代码
function sayLoudly(){ 
alert(this.firstName.toUpperCase()); 
} 
var newObject={ 
firstName:"frank", 
sayName:function(){alert(this.firstName);}, 
sayLoudly:sayLoudly 
}; 
//也可以这样 
var newObject={ 
firstName:"frank", 
sayName:function(){alert(this.firstName);}, 
sayLoudly:sayLoudly, 
lastName:{ 
lastName:"ziggy", 
sayName:function(){alert(this.lastName);} 
} 
}; 
newObject.lastName.sayName();

这样也ok
Java代码
function sayLoudly(){ 
alert(this.name.toUpperCase()); 
} 
function sayName(){ 
alert(this.name); 
} 
var newObject={ 
name:"frank", 
sayName:sayName, 
sayLoudly:sayLoudly, 
lastName:{ 
name:"ziggy", 
sayName:sayName 
} 
}; 
newObject.lastName.sayName();

JavaScript 中的类,还有构造方法。。。
Java代码
function newClass(){ 
alert("constructor"); 
this.firstName="frank"; 
this.sayName=function(){alert(this.firstName);} 
// return this; 
} 
//var nc=newClass(); 
var nc=new newClass(); 
//nc.firstName="ziggy"; is ok 
nc.sayName();

还可以这样来构造类
Java代码
function newClass(){ 
this.firstName="frank"; 
} 
newClass.prototype.sayName=function(){ 
alert(this.firstName); 
} 
var nc=new newClass(); 
nc.firstName="ziggy"; 
nc.sayName(); 
var nc2=new newClass(); 
nc2.sayName();

一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。
Javascript 相关文章推荐
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jQuery中的通配符选择器使用总结
May 30 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
Javascript 学习笔记 错误处理
Jul 30 #Javascript
JS 学习笔记 防止发生命名冲突
Jul 30 #Javascript
javascript 处理HTML元素必须避免使用的一种方法
Jul 30 #Javascript
javascript 写的一个简单的timer
Jul 30 #Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 #Javascript
Javascript this指针
Jul 30 #Javascript
javascript 进度条 实现代码
Jul 30 #Javascript
You might like
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
一个简单的php路由类
2016/05/29 PHP
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
Javascript MVC框架Backbone.js详解
2014/09/18 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
教你学会使用Python正则表达式
2017/09/07 Python
Python3实现购物车功能
2018/04/18 Python
Win8下python3.5.1安装教程
2020/07/29 Python
对python中Json与object转化的方法详解
2018/12/31 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
意大利灯具购物网站:Lampade.it
2018/10/18 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
DTD的含义以及作用
2014/01/26 面试题
初一生物教学反思
2014/01/18 职场文书
父亲八十大寿答谢词
2014/01/23 职场文书
广播体操比赛口号
2014/06/10 职场文书
学校食堂管理制度
2015/08/04 职场文书
《假如》教学反思
2016/02/17 职场文书