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 核心参考教程 内置对象
Oct 13 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
微信小程序中使用wxss加载图片并实现动画效果
Aug 13 Javascript
vue以组件或者插件的形式实现throttle或者debounce
May 22 Javascript
Vue触发input选取文件点击事件操作
Aug 07 Javascript
JS实现小米轮播图
Sep 21 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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
PHP fgetcsv 定义和用法(附windows与linux下兼容问题)
2012/05/29 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
php switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
js控制的遮罩层实例介绍
2013/05/29 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
js实现点击生成随机div
2020/01/16 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
python获取本机mac地址和ip地址的方法
2015/04/29 Python
Python编程之多态用法实例详解
2015/05/19 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
python实现一个简单的ping工具方法
2019/01/31 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
Django models filter筛选条件详解
2020/03/16 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2016/02/09 面试题
计算机应用与科学个人的自我评价
2013/11/15 职场文书
学生会主席竞聘书
2014/03/31 职场文书
慈善晚会策划方案
2014/05/14 职场文书
马丁路德金演讲稿
2014/05/19 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
2014年专项整治工作总结
2014/11/17 职场文书
文明家庭事迹材料
2014/12/20 职场文书
地陪导游欢迎词
2015/01/26 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
python 判断文件或文件夹是否存在
2022/03/18 Python
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python