JavaScript学习笔记:创建对象和构造类

2016-02-20 01:00 5 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的JavaScript学习笔记:创建对象和构造类懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)创建一个对象
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 oknc.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方法。

来源:http://www.tulaoshi.com/n/20160220/1633031.html

延伸阅读
在学习这一章内容前我们已经学习过了类的构造函数和析构函数的相关知识,对于普通类型的对象来说,他们之间的复制是很简单的,例如: int a = 10; int b =a; !-- frame contents -- !-- /frame contents -- 自己定义的类的对象同样是对象,谁也不能阻止我们用以下的方式进行复制,例如:#include iostream&n...
标签: Web开发
Java代码 html   head     titlejavascript/title       script type="text/javascript"           function test(inVal){               try{ ...
标签: Web开发
先看最入门的例子,在记事本输入如下内容,再存为 001.html。 这是第一个JavaScript例子 html head Script Language ="JavaScript" // JavaScript Appears here. alert("这是第一个JavaScript例子!"); /Script /Head /Html 有如下几点要说明: ① 在本例中,JavaScript代码出现在 head /head中,并由标识 Script Language="JavaScript".../S...
标签: Web开发
先回顾在html中是如何使用框架的: Code html frameset cols="66%,34%" frame src="chicken.html" name="chicken" frameset rows="100,*" frame src="pastasalad.html" name="pastasalad" frame src="jellocubes.html" name="jellocubes" /frameset /frameset /html现在就来看在框架中运用JavaScript的例子: Code html frameset rows="25%,*" fr...
标签: Web开发
htm页面: script src="js/admin_js.js" language="javascript"/script script language=JavaScript   document.onclick = clickList; /script table width="216" border="0" cellpadding="0" cellspacing="0"  tr   td height="533" background="images/left.jpg" align="center" valign="top" div id=div0 style="width:216;...

经验教程

790

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部