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 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
js实现Form栏显示全格式时间时钟效果代码
Aug 19 Javascript
js实现div在页面拖动效果
May 04 Javascript
Bootstrap实现弹性搜索框
Jul 11 Javascript
js querySelector() 使用方法
Dec 21 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
vue实现登录拦截
Jun 29 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
JavaScript实现栈结构详细过程
Dec 06 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
德劲1107的电路分析与打磨
2021/03/02 无线电
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
菜鸟javascript基础整理1
2010/12/06 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
js实现获取焦点后光标在字符串后
2014/09/17 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
JS实现4位随机验证码
2020/10/19 Javascript
python基础教程之序列详解
2014/08/29 Python
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
Python小进度条显示代码
2019/03/05 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python3中rank函数的用法
2019/11/27 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
python中xlrd模块的使用详解
2021/02/01 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
污水厂厂长岗位职责
2014/01/04 职场文书
精彩的广告词
2014/03/19 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
保护环境建议书300字
2014/05/13 职场文书
工程材料采购方案
2014/05/18 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
老兵退伍标语
2014/10/07 职场文书
汽车销售员岗位职责
2015/04/11 职场文书
2015年个人招商工作总结
2015/04/25 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书