script type="text/javascript"
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的徽县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
function Employee(Pname,Psalary){
this.name=Pname;
this.salary=Psalary;
}
Employee.prototype.getSalary=function(){
return this.salary;
}
Employee.prototype.addSalary=function(addition){
this.salary+=addition;
}
var boss1=new Employee("Joan",2000);
var boss2=new Employee("Kim",1000);
var boss3=new Employee("Sam",1500);
document.write("boss1's Salary is "+boss1.getSalary()+"br/");
document.write("boss2's Salary is "+boss2.getSalary()+"br/");
document.write("boss3's Salary is "+boss3.getSalary()+"br/");
boss1.addSalary(200);
document.write("boss1's Salary is "+boss1.getSalary()+" after additionbr/");
/script
验证函数如下:
function chkfrm(o){
if(!/\d+/gi.test(o.empid.value)){
alert('雇员编号:只能是数字。');
return false;
}
if(o.empname.value==''){
alert('雇员姓名:不能为空。');
return false;
}
if(o.empjob.value==''){
alert('雇员工作:不能为空。');
return false;
}
if(!/^((((1[6-9]|[2-9]\d)\d{2})[-\/](0?[13578]|1[02])[-\/](0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})[-\/](0?[13456789]|1[012])[-\/](0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})[-\/]0?2[-\/](0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))[-\/]0?2[-\/]29[-\/]))$/gi.test(o.emptime.value)){
alert('雇佣日期:必须是日期格式,即2013-03-02');
return false;
}
if(isNaN(o.empmoney.value)){
alert('基本工资:必须是数字(小数)');
return false;
}
if(isNaN(o.emprw.value)){
alert('奖金:必须是数字(小数)');
return false;
}
}
将
form action="" method="post"
改为
form action="" method="post" onsubmit="javascript:return chkfrm(this);"
即可
模拟JavaScript中类和继承
在面向对象的语言中,我们使用类来创建一个自定义对象。然而JavaScript中所有事物都是对象,那么用什么办法来创建自定义对象呢?
这就需要引入另外一个概念 - 原型(prototype),我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉好像是拷贝)。
让我们看一下通过prototype创建自定义对象的一个例子:
// 构造函数
function Person(name, sex) {
this.name = name;
this.sex = sex;
}
// 定义Person的原型,原型中的属性可以被自定义对象引用
Person.prototype = {
getName: function() {
return this.name;
},
getSex: function() {
return this.sex;
}
}
这里我们把函数Person称为构造函数,也就是创建自定义对象的函数。可以看出,JavaScript通过构造函数和原型的方式模拟实现了类的功能。
创建自定义对象(实例化类)的代码:
var zhang = new Person("ZhangSan", "man");
console.log(zhang.getName()); // "ZhangSan"
var chun = new Person("ChunHua", "woman");
console.log(chun.getName()); // "ChunHua"
当代码var zhang = new Person("ZhangSan", "man")执行时,其实内部做了如下几件事情:
创建一个空白对象(new Object())。
拷贝Person.prototype中的属性(键值对)到这个空对象中(我们前面提到,内部实现时不是拷贝而是一个隐藏的链接)。
将这个对象通过this关键字传递到构造函数中并执行构造函数。
将这个对象赋值给变量zhang。
为了证明prototype模版并不是被拷贝到实例化的对象中,而是一种链接的方式,请看如下代码:
function Person(name, sex) {
this.name = name;
this.sex = sex;
}
Person.prototype.age = 20;
var zhang = new Person("ZhangSan", "man");
console.log(zhang.age); // 20
// 覆盖prototype中的age属性
zhang.age = 19;
console.log(zhang.age); // 19
delete zhang.age;
// 在删除实例属性age后,此属性值又从prototype中获取
console.log(zhang.age); // 20
这种在JavaScript内部实现的隐藏的prototype链接,是JavaScript赖以生存的温润土壤,也是模拟实现继承的基础。
如何在JavaScript中实现简单的继承
下面的例子将创建一个雇员类Employee,它从Person继承了原型prototype中的所有属性。
function Employee(name, sex, employeeID) {
this.name = name;
this.sex = sex;
this.employeeID = employeeID;
}
// 将Employee的原型指向Person的一个实例
// 因为Person的实例可以调用Person原型中的方法, 所以Employee的实例也可以调用Person原型中的所有属性。
Employee.prototype = new Person();
Employee.prototype.getEmployeeID = function() {
return this.employeeID;
};
var zhang = new Employee("ZhangSan", "man", "1234");
console.log(zhang.getName()); // "ZhangSan