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 相关文章推荐
js兼容标准的表格变色效果
Jun 28 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
javascript判断office版本示例
Apr 11 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
JavaScript中的高级函数
Jan 04 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
vue侧边栏动态生成下级菜单的方法
Sep 07 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
如何在微信小程序中存setStorage
Dec 13 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
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
PHP5.6读写excel表格文件操作示例
2019/02/26 PHP
jQuery get和post 方法传值注意事项
2009/11/03 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
2017/02/08 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
详解python如何引用包package
2020/06/07 Python
毕业生文员求职信
2013/11/03 职场文书
2013年员工自我评价范文
2013/12/27 职场文书
结婚周年感言
2014/02/24 职场文书
请假条怎么写
2014/04/10 职场文书
大学生党员承诺书
2014/05/20 职场文书
继续教育个人总结
2015/03/03 职场文书
公司宣传语大全
2015/07/13 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书