javascript 面向对象,实现namespace,class,继承,重载

2019-12-25,,,,,,,

由于组里项目大多的javascript,css等客户端工作是另一同事在负责,该同事又特忙无法重构,老大也就只是提建议并未立即实施重构。但是我前些日子也改过些许客户端的小bug,确实那代码看得让人有些云里雾里,不知身在哪山,轻易不敢动代码,于是就自己动手鼓捣起我曾又爱又恨的javascript来,自己写一个简单的js实现namespace,继承重载面向对象的特性.欢迎拍砖灌水
.定义namespace
Namesapce.js
复制代码 代码如下:
Namespace = new Object();
Namespace.register = function(fullname){
try
{
var nsArray = fullname.split(".");
var strNS = "";
var strEval = "";
for(var i=0;i<nsArray.length;i++){
if(strNS.length >0)
strNS += ".";
strNS += nsArray[i];
strEval += " if(typeof("+ strNS +") =='undefined') " + strNS + " = new Object(); ";
}
if(strEval != "") eval(strEval);
}catch(e){alert(e.message);}
}

.Employee.js
Employee.js
复制代码 代码如下:
//注册命名空间
Namespace.register("MyCompany");
//1.类:雇员
MyCompany.Employee = function(empName){
this.Name = empName;
this.Salary = 1000;
this.Position = "cleaner";
}
MyCompany.Employee.prototype.ShowName = function(){
return "I'm "+this.Name+",my salary is $" + this.Salary;
}
MyCompany.Employee.prototype.Work = function(){
return "I'm a "+ this.Position +",I'm cleaning all day!"
}
//2.类:程序员
MyCompany.Developer = function(empName){
//继承父类属性
MyCompany.Employee.call(this,empName);
//覆盖父类属性
this.Position = "developer";
//扩展属性
this.Technology = "C#";
}
//继承父类原型方法
MyCompany.Developer.prototype = new MyCompany.Employee();
//覆盖父类方法
MyCompany.Developer.prototype.Work = function(){
return "I'm a "+ this.Position +",i'm good at "+ this.Technology +",i'm coding all day!"
}

测试代码
复制代码 代码如下:
<html>
<title>javascript 面向对象的实现 namespace,class,继承,重载</title>
<head>
<script language="javascript" src="namespace.js" type="text/javascript"></script>
<script language="javascript" src="employee.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    function showEmployee(){                
        var emp = new MyCompany.Employee("xiaoming");
        showInfo(emp);
    }
    function showDeveloper(){
        var emp = new MyCompany.Developer("Gates");
        showInfo(emp);
    }    
    function showInfo(emp){
        alert(emp.ShowName());
        alert(emp.Work());
    }
</script>
</head>
<body>
<input type="button" value="show employee info" onclick="showEmployee();"/><br/><br/>
<input type="button" value="show developer info" onclick="showDeveloper();"/>
</body>
</html>

源代码打包下载

您可能感兴趣的文章:

  • Javascript基于对象三大特性(封装性、继承性、多态性)
  • javascript的函数、创建对象、封装、属性和方法、继承
  • JavaScript面向对象之Prototypes和继承
  • javascript 面向对象全新理练之原型继承
  • javascript 中对象的继承〔转贴〕
  • JS 面向对象之继承---多种组合继承详解
  • javascript 面向对象编程基础:继承
  • javascript 面向对象全新理练之继承与多态
  • js对象继承之原型链继承实例
  • JavaScript面向对象程序设计中对象的定义和继承详解

《javascript 面向对象,实现namespace,class,继承,重载.doc》

下载本文的Word格式文档,以方便收藏与打印。