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

末日笔记

末日笔记

2016-02-20 01:00

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

(本文来源于图老师网站,更多请访问https://m.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方法。
展开更多 50%)
分享

猜你喜欢

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

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

JS学习笔记:Javascript类的继承

Web开发
JS学习笔记:Javascript类的继承

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript创建高级对象

Web开发
JavaScript创建高级对象

JavaScript教程:创建对象实例

Web开发
JavaScript教程:创建对象实例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript学习笔记:封装(Encapsulation)

Web开发
Javascript学习笔记:封装(Encapsulation)

Javascript初学者实例教程(4):对象和构造方法

Web开发
Javascript初学者实例教程(4):对象和构造方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

SVG/VML+JS实现跨浏览器的矢量图形实现方案

SVG/VML+JS实现跨浏览器的矢量图形实现方案

通过代理访问因特网上的Web服务器

通过代理访问因特网上的Web服务器
下拉加载更多内容 ↓