在使用了一段时间nodejs后,也有一些心得,其中最大的心得就是NodeJS中的面向对象编程,在这里和大家分享一下,不是技术含量很高的东西,算是比较实用的。 <br/> <br/>在刚开始使用nodejs的时候,也是很随意的写一些函数,然后从上至下执行这些函数。如果需要其他js文件中的函数,就require那个文件。这在编写一些比较简单的程序的时候是行得通,并且是简单的。但是如果当程序的逻辑变得复杂,变量很多并且有不同的作用的时候,过程式的编程方式就会变得非常麻烦。况且nodejs中require进一个js文件时,是会先执行那个文件,所以这样一来多个js文件之间相互调用函数就会使得程序变得很复杂并且不可维护。 <br/> <br/>正是由于这个原因,我后来的开发全部都是基于面向对象的思想。将功能和变量都封装起来,像在Java中一样,需要的时候就新建一个对象。这样整个程序的逻辑就会相对清楚很多,下面介绍一下这种面向对象的JS编程方式,相信对一些初学者来说是有借鉴意义的(我一开始就对如何去设计整个程序感到比较迷茫)。 <br/> <br/>下面就用一个简单的类来说明如何使用JS来支持面向对象的编程思想: <br/><pre escaped=“true” lang=“javascript” line=“1”>//person.js <br/> <br/>var num = 0; <br/>exports.Person = function(pName){ <br/> //private <br/> var pri = { <br/> pName : “”, <br/> pAge : 0 <br/> } <br/> //public <br/> var pub = { <br/> setName : function(pName){ <br/> pri.pName = pName; <br/> }, <br/> getName : function(){ <br/> return pri.pName; <br/> } <br/> } <br/>//construct code <br/> pri.pName = pName; <br/> <br/> return pub; <br/>}</pre> <br/>如上面看到的,在pri中定义了一些变量,在pub中定义了一些方法,而Person类返回pub引用,所以外部只能访问pub中的方法或者变量。这样就将一些私有的方法和变量封装了起来,很符合OO的思想。如果是很简单的类和方法,并不需要隐藏类的一些功能的话,完全可以不需要将类中的元素分为两类(即不需要pri和pub,直接定义各种方法和变量即可)。 <br/> <br/>这里有几点说明: <br/>1.pri中定义私有变量,pub中定义共有变量,外界只能访问pub中的内容。 <br/>2.在pub中使用私有变量时,需要加上pri前缀,不然无法访问私有变量。 <br/>3.可以看到文件开头有一个变量申明(var num = 0;)这个num变量可以看做是Person类的static变量,如果把num申明为export.num的话,则可以直接访问。这里我们又能感受到一个js文件就编写一个类的好处,一个js文件内部所有的变量都是围绕着这个类的,无论是不是在类定义内部。 <br/>4.在文件靠后的部分(注释//construct code)的地方可以编写构造函数,利用传进来的参数进行初始化。这是因为在new一个新对象的时候,会把整个类内部代码跑一遍,那构造代码能写在类定义开头吗?不行,因为这时候还没有定义pri和pub中的变量,因此初始化会失败。 <br/>5.Person前的exports是用来给其他js文件require的,这也是面向对象设计很关键的一点。 <br/> <br/>如果可以将程序完全按照面向对象来编程(类似Java,所有都是对象),则可以把require直接看成 Java中的import(这点是很重要的,因为一个文件require多遍和一遍是一样的,并且在函数体内部require是很容易出现问题的,建议将require都放在文件的头部)。 <br/> <br/>但这里有个问题是,这样子的实现的确可以将函数进行分类,让外界只能访问public中的函数,但是对象的继承就变得不是很容易了。这是因为JavaScript中的继承机制并不是像Java那样直接使用extends就可以了,而是完全由自己来实现的,这种继承的实现往往是通过复制基类内的组成元素(在JavaScript中,变量和方法都看成是一样的组成元素)来完成的。而上述这种面向对象的设计其实只允许外部访问一部分函数,完全不能涉及到私有变量,所以不能做到完全复制,这样继承就显得比较困难了。 <br/> <br/>而如果类的设计本身没有区分私有和共有的问题,则可以使用很方便的方法进行继承,如下: <br/><pre escaped=“true” lang=“javascript” line=“1”> <br/>function parent(){ <br/> this.x=10; <br/> this.print = function(){console.log(“parent”);} <br/>} <br/> <br/>function child(){ <br/> var parentObj=new parent(); <br/> for(var p in parentObj)this[p]=parentObj[p]; <br/> this.printSelf = function(){console.log(“child”);} <br/>} <br/> <br/>var childObj=new child(); <br/>childObj.print();//print “parent” <br/>childObj.printSelf();//print “child” <br/></pre> <br/>parent是父类,child是子类 <br/>我们可以看到,在child类中,每次实例化一个类,都会将父类中的元素全部复制,然后可以加上自己的元素,如果名字相同,则会覆盖。其实原理很简单,就是把父类的东西全部复制过来,然后加上自己的一些东西,或者修改父类的元素(变量或者方法)。 <br/> <br/>所以在类的继承方面和封装方面两者很难同时满足,可以根据需要进行选择。 <br/> <br/>事实证明,面向对象的思想很简单,但在开发过程中非常实用。这样的设计能更好地支持程序的模块化,同时增加程序的可读性。
这里有一篇文章,对JS的面向对象方法有比较全面的总结: <br/>http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
恩,在写完这篇文章之后,我也再去了解了一些js对象相关的东西,包括prototype的使用。感觉js面向对象的思想并不是那么简单的,值得仔细研究。
var parent = function(name){ <br/>var that = {}; <br/>that.name = name; <br/>return that; <br/>}; <br/> <br/>var child = function(name,age){ <br/>var that = parent(name); <br/>that.age = age; <br/>return that; <br/>};
java不清楚,本人写前端OOjavascript一般是这么写的: <br/>var s1 = function(){ <br/>} <br/>s1.prototype.getName = function(){alert(this.name)}; <br/>var s2 = function(){ <br/>} <br/>s2.prototype =new s1(); <br/>s2.prototype.getSex = function(){alert(this.sex)}; <br/>var s3 = function(){ <br/>} <br/>s3.prototype = new s2() <br/>s3.prototype.getAge = function(){alert(this.age)}; <br/>var s = new s3(); <br/>s.name = ‘jack’; <br/>s.sex = ‘male’; <br/>s.age = ‘22’; <br/>s.getName(); //jack <br/>s.getSex(); //male <br/>s.getAge(); //22 <br/> <br/>或者 <br/> <br/> <br/>var s1 = function(name){ <br/>this.name = name; <br/>} <br/>var s2 = function(sex){ <br/>this.sex = sex; <br/>} <br/>var s3 = function(age){ <br/>this.age = age; <br/>} <br/>var Student = function(name, sex, age, score){ <br/>s1.call(this, name); <br/>s2.call(this, sex); <br/>s3.call(this, age); <br/>this.score = score; <br/>} <br/>var s = new Student(‘jack’, ‘male’, ‘12’, ‘100’); <br/> <br/>alert(s.name); //jack <br/>alert(s.sex); //male <br/>alert(s.age); //12 <br/>alert(s.score); //100
或者2者结合起来: <br/>var s1 = function(name){ <br/>this.name = name; <br/>} <br/>s1.prototype.getName = function(){alert(this.name)}; <br/>var s2 = function(sex){ <br/>this.sex = sex; <br/>} <br/>s2.prototype =new s1(); <br/>s2.prototype.getSex = function(){alert(this.sex)}; <br/>var s3 = function(age){ <br/>this.age = age <br/>} <br/>s3.prototype = new s2(); <br/>s3.prototype.getAge = function(){alert(this.age)}; <br/> <br/>var s4 = function(name, sex, age){ <br/>s1.call(this, name); <br/>s2.call(this, sex); <br/>s3.call(this, age); <br/>} <br/>s4.prototype = new s3(); <br/>var s = new s4(‘jack’, ‘male’, ‘25’); <br/>s.getName(); //jack <br/>s.getSex(); //male <br/>s.getAge(); //25
http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html <br/>这个悟透javascript 说了些用原型来实现面向对象, 里面还做了一些优劣比较