JavaScript 创建对象和构造类实现代码
创建一个对象
Java代码
利用json(javaScript Object Notation)创建对象和上面同样的效果。
Java代码
这样也ok
Java代码
JavaScript 中的类,还有构造方法。。。
Java代码
还可以这样来构造类
Java代码
一般用prototypes来添加方法,这样不管有多少个实例,在内存中只有一个sayName方法。
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方法。
JS 面向对象的5钟写法
Java代码//第1种写法functionCircle(r){this.r=r;}Circle.PI=3.14159;Circle.prototype.area=function(){returnCircle.PI*this.r*this.r;}varc=newCircle(1.0);alert(c.area());Java代码//第2种写法varC
javascript 面向对象编程基础:封装
很长一段时间以来(这里本人要幸灾乐祸地说),js是一种点缀的作用,完成很有限的功能,诸如表单验证之类,其语言本身也一直被当作过程化的语言
javascript 面向对象编程基础:继承
我们看到这里继承的概念是多么的直白,拷贝一个类的prototype到另外一个类,好,Codeischeap,看代码:functionclass1(){}functionclass2(){}class2.prototype=class1.protot