JavaScript类的几种写法

我们常用的有以下几种方法来用JavaScript写一个“类”：

 

1. 构造函数(public属性和方法）

function Person(iName, iAge){
 this.name=iName; //public
 this.age=iAge; //public
 this.ShowStudent=function(){ //public
 alert(this.name);
 };
}

以上的属性和方法都是public的。下面的例子给出private和public的属性和方法。

 

2. 构造函数（public, private属性和方法）

function Person(iName, iAge){
 //private field
 　var name = iName;
 var age = iAge;

 //private method
 　var privatefn = function(){
 　　alert(name);
 　}

 return {
 　　 //public field
 Name: "hello " + name,
 Age: "hello " + age,

 ShowStudent: function(){
 privatefn();
 alert(this.Name);
 }
 };
}

调用：(new Person("xiao","10")).ShowStudent();

 

 

3. 原型方法（prototype）

function c(){}
c.prototype={
 name: "init value a",
 setName: function(iName){
 this.name=iName;
 },
 getName: function(){
 alert('hello from c, name: ' + this.name);
 }
};
(new c).getName(); // 输出hello from c, name: init value a

 

4. 构造函数+原型方法（prototype）

function Person(iName) {
 this.name = iName;
};

Person.prototype={
 getName: function(){
 return this.name;
 }
};

//调用
var b = new Person("jack");
alert(b.getName());

 

5. 构造函数+原型方法（prototype）- 节省内存的写法

function Person(iName, iAge){
 this.name=iName;
 this.age=iAge;

 //对象实例都共享同一份方法不造成内存浪费
 if(typeof Person._initialized == "undefined"){
 Person.prototype.ShowStudent=function(){
 alert(this.name);
 };
 Person._initialized=true;
 }
}
//调用
(new Person("jack","20")).ShowStudent();

以上的实现方法如果不用_initialized的方法，也可以指向一个外部函数，道理一样。

 

6. JavaScript类的单例（Singleton）模式写法

var MyNamespace = {};
MyNamespace.Singleton = (function() {
 var uniqueInstance; // Private attribute that holds the single instance.
 function constructor() { // All of the normal singleton code goes here.
 // Private members.
 var privateAttribute1 = false;
 var privateAttribute2 = [1, 2, 3];
 function privateMethod1() {
 //...
 }
 function privateMethod2(args) {
 //...
 }
 return { // Public members.
 publicAttribute1: true,
 publicAttribute2: 10,
 publicMethod1: function() {
 // ...
 },
 publicMethod2: function(args) {
 // ...
 }
 }
 }
 return {
 getInstance: function() {
 if(!uniqueInstance) { // Instantiate only if the instance doesn't exist.
 uniqueInstance = constructor();
 }
 return uniqueInstance;
 }
 }
})();

//调用:
MyNamespace.Singleton.getInstance().publicMethod1();

 

JavaScript好书推荐（只推3本，须精读）