JavaScript面向对象(极简主义法minimalist approach)

更新时间：2012年07月17日 08:11:37 作者：

荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法，他称这种方法为极简主义法（minimalist approach）。这也是我推荐的方法

极简主义法
　　荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法，他称这种方法为"极简主义法"（minimalist approach）。这也是我推荐的方法。
　　3. 1 封装
　　这种方法不使用 this 和 prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。
　　首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数 createNew ()，用来生成实例。

复制代码代码如下:

 
var Cat = { 
createNew: function (){ 
// some code here 
} 
}; 

　　然后，在 createNew ()里面，定义一个实例对象，把这个实例对象作为返回值。

复制代码代码如下:

 
var Cat = { 
createNew: function (){ 
var cat = {}; 
cat.name = "大毛"; 
cat.makeSound = function (){ alert ("喵喵喵"); }; 
return cat; 
} 
}; 

　　使用的时候，调用 createNew ()方法，就可以得到实例对象。

复制代码代码如下:

 
var cat1 = Cat.createNew (); 
cat1.makeSound (); // 喵喵喵 

　　这种方法的好处是，容易理解，结构清晰优雅，符合传统的"面向对象编程"的构造，因此可以方便地部署下面的特性。
　　3. 2 继承
　　让一个类继承另一个类，实现起来很方便。只要在前者的 createNew ()方法中，调用后者的 createNew ()方法即可。
　　先定义一个 Animal 类。

复制代码代码如下:

 
var Animal = { 
createNew: function (){ 
var animal = {}; 
animal.sleep = function (){ alert ("睡懒觉"); }; 
return animal; 
} 
}; 

　　然后，在 Cat 的 createNew ()方法中，调用 Animal 的 createNew ()方法。

复制代码代码如下:

 
var Cat = { 
createNew: function (){ 
var cat = Animal.createNew (); 
cat.name = "大毛"; 
cat.makeSound = function (){ alert ("喵喵喵"); }; 
return cat; 
} 
}; 

　　这样得到的 Cat 实例，就会同时继承 Cat 类和 Animal 类。

复制代码代码如下:

 
var cat1 = Cat.createNew (); 
cat1.sleep (); // 睡懒觉 

　　3. 3 私有属性和私有方法
　　在 createNew ()方法中，只要不是定义在 cat 对象上的方法和属性，都是私有的。

复制代码代码如下:

 
var Cat = { 
createNew: function (){ 
var cat = {}; 
var sound = "喵喵喵"; 
cat.makeSound = function (){ alert (sound); }; 
return cat; 
} 
}; 

　　上例的内部变量 sound，外部无法读取，只有通过 cat 的公有方法 makeSound ()来读取。

复制代码代码如下:

 
var cat1 = Cat.createNew (); 
alert (cat1.sound); // undefined 

　　3. 4 数据共享
　　有时候，我们需要所有实例对象，能够读写同一项内部数据。这个时候，只要把这个内部数据，封装在类对象的里面、createNew ()方法的外面即可。

复制代码代码如下:

 
var Cat = { 
sound : "喵喵喵", 
createNew: function (){ 
var cat = {}; 
cat.makeSound = function (){ alert (Cat.sound); }; 
cat.changeSound = function (x){ Cat.sound = x; }; 
return cat; 
} 
}; 

　　然后，生成两个实例对象：

复制代码代码如下:

 
var cat1 = Cat.createNew (); 
var cat2 = Cat.createNew (); 
cat1.makeSound (); // 喵喵喵 

　　这时，如果有一个实例对象，修改了共享的数据，另一个实例对象也会受到影响。

复制代码代码如下:

 
cat2.changeSound ("啦啦啦"); 
cat1.makeSound (); // 啦啦啦 

您可能感兴趣的文章:

javascript 写类方式之三
用构造函数来定义类属性（字段）用原型方式来定义类的方法。就有了第三种方式。这种方式貌似采用的人较多。
2009-07-07
JavaScript面向对象之静态与非静态类
使用JavaScript面向对象完全出于偶然，因为大部分时间我都是在无图形界面的环境下工作，有时候就算是介入了web客户端的工作的时候，在写js和ajax时，最多的也只是写写function，从没有考虑过要使用JavaScript面向对象这么高级的技巧。
2010-02-02
最简单的javascript对象实例代码
非常简单的js面向对象实例代码，主要是利用了this,对于js面向对象的学习资料，可以查看脚本之家以前的文章。
2009-12-12
JS小框架 fly javascript framework
这几天把工作中积累的东西整理成了一个小框架,分享给大家,希望对大家有用,也想听一下大家的批评
2009-11-11
js面向对象多种创建对象方法小结
js面向对象多种创建对象方法小结，需要的朋友可以参考下
2012-05-05
CCPry JS类库代码
CCPry JS类库代码，需要的朋友可以参下。
2009-10-10
Javascript 面向对象编程(coolshell)
Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了
2012-03-03
javascript 写类方式之四
构造函数 + 原型直接组装一个类；同一构造函数将组装出同一类型
2009-07-07
javascript 写类方式之二
2009-07-07
Javascript 类与静态类的实现(续)
由于MM的事件已干完，接着我们的静态类的实现。这东西在Javascript里用得会非常的频繁，因为针对现在的网页，多个基于同一个类对象的页面不多，往往不同块对象的交互就可以解决问题了，这就需要在JS针对元素定义几个静态类就可以完事了，进入正题。
2010-04-04