JavaScript创建对象与构造函数的实现方法
2010-03-30 11:33
686 查看
function sayFirstName(){
alert(this.firstName.toUpperCase());
}
function newClass(){
this.firstName="frank";
this.sayHello=function(){
alert("hello");
}
}
newClass.prototype.sayName=function(){
alert(this.firstName);
}
newClass.prototype.sayFirstName=sayFirstName;
var nc=new newClass();
nc.firstName="ziggy";
nc.sayName();
var nc2=new newClass();
nc2.sayName();
nc2.sayHello();
nc2.sayFirstName();
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)创建对象和上面同样的效果。
<SCRIPT LANGUAGE="JavaScript">
<!--
function sayLoudly(){
alert(this.firstName.toUpperCase());
}
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly
};
newObject.sayName();
newObject.sayLoudly();
//也可以这样
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly,
lastName:{
lastName:"ziggy",
sayName:function(){alert(this.lastName);}
}
};
newObject.lastName.sayName();
alert(this.firstName.toUpperCase());
}
function newClass(){
this.firstName="frank";
this.sayHello=function(){
alert("hello");
}
}
newClass.prototype.sayName=function(){
alert(this.firstName);
}
newClass.prototype.sayFirstName=sayFirstName;
var nc=new newClass();
nc.firstName="ziggy";
nc.sayName();
var nc2=new newClass();
nc2.sayName();
nc2.sayHello();
nc2.sayFirstName();
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)创建对象和上面同样的效果。
<SCRIPT LANGUAGE="JavaScript">
<!--
function sayLoudly(){
alert(this.firstName.toUpperCase());
}
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly
};
newObject.sayName();
newObject.sayLoudly();
//也可以这样
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName);},
sayLoudly:sayLoudly,
lastName:{
lastName:"ziggy",
sayName:function(){alert(this.lastName);}
}
};
newObject.lastName.sayName();
相关文章推荐
- JavaScript创建对象与构造函数的实现方法
- JavaScript中创建对象的方法:工厂模式,构造函数模式, 原型模式
- javascript工厂模式和构造函数模式创建对象方法解析
- javascript基础(this,工厂方法来创建对象,构造函数创建对象)(十六)
- javascript实现创建对象的三种方法
- JavaScript 中实现继承的方式(列举3种在前一章,我们曾经讲解过创建类的最好方式是用构造函数定义属性,用原型定义方法。)
- JavaScript从入门到放弃(3)-对象的不同创建方法-实现真正的面向对象
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- JavaScript实现继承机制(1)—— 构造函数方法对象冒充
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
- JavaScript2种构造函数创建对象的模式以及继承的实现
- javascript创建对象,以及实现继承的方法
- JavaScript中常见的几种创建对象的方式:基于对象扩充属性和方法、基于工厂方式创建对象、基于构造函数和基于原型
- JavaScript2种构造函数创建对象的模式以及继承的实现
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- 优就业JS教程-JavaScript创建对象4种方法详解
- JavaScript对象创建的常用方法及各自的局限性
- JavaScript创建对象的方法
- Javascript创建对象的几种常用方法
- JavaScript学习--Item25 创建对象(类)的8种方法总结