惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
量子位
C
Check Point Blog
B
Blog RSS Feed
Y
Y Combinator Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
A
About on SuperTechFans
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - 聂微东
阮一峰的网络日志
阮一峰的网络日志
人人都是产品经理
人人都是产品经理
小众软件
小众软件
Last Week in AI
Last Week in AI
博客园 - 【当耐特】
GbyAI
GbyAI
The Cloudflare Blog
博客园 - 叶小钗
S
SegmentFault 最新的问题
博客园 - Franky
Engineering at Meta
Engineering at Meta
F
Fortinet All Blogs
B
Blog
Jina AI
Jina AI

博客园 - qy

枚举 Duwamish7资料收集- [] 学习Duwamish7的MSDN说明及相关技术策略 Duwamish7学习笔记(七) Duwamish7学习笔记(六) Duwamish7学习笔记(五) Duwamish7学习笔记(四) Duwamish7学习笔记(三) Duwamish7学习笔记(二) Duwamish7学习笔记(-) jQuery介绍及语法----转载 浅谈.net事件机制 使用EditPlus2编写C#代码 跟踪用户会话 按钮确认(js与C#交互) 3-28学会的几句sql语句 Visual Studio 2003/Visual Studio 2005常用快捷键 ----转 BOM 关于用div实现table的效果
最优化javascript自定义对象
qy · 2007-03-22 · via 博客园 - qy

1.工厂方式
   function createCar(sColor, iDoors, iMpg){
      var oTempCar= new Object();
      oTempCar.color = sColor;
      oTempCar.doors = iDoors; 
      oTempCar.mpg = iMpg;
      oTempCar.showColor = function(){
         alert(this.color);
      };
      return oTempCar;
   }
   这种方式是先建一个对象,再给它加属性和方法。
   缺点:每次 var oCar1 = create("red",4,23);的时候都要从新创建新的showColor 函数,这样就以为这每个对象都有自己的函数。
   解决的方法:
   function showColor(){
      alert(this.color);
   }
    function createCar(sColor, iDoors, iMpg){
      var oTempCar= new Object();
      oTempCar.color = sColor;
      oTempCar.doors = iDoors; 
      oTempCar.mpg = iMpg;
      oTempCar.showColor = showColor;
      return oTempCar;
   }
   ps:这样写看起来好丑,不象一个对象了。

2.构造函数方法
    function Car(sColor, iDoors, iMpg){
      this.color = sColor;
      this.doors = iDoors; 
      this.mpg = iMpg;
      this.showColor = function(){
         alert(this.color);
      };
    }
   ps:默认是返回this,所以没必要写return this;
   缺点:创建对象的时候也要不停的创建新的函数showColor

3.原型方式
   function Car(){
   }
   Car.prototype.color = "red";
   Car.prototype.dorrs = 4;
   Car.prototype.mpg =23;
   Car.prototype.showColor = function(){
      alert(this.color);
   };
   Car.prototype.drivers = new Array("Mile","Sue");
   var oCar1 = new Car();
   var oCar2 = new Car();
   oCar1.drivers.push("Matt");
   alert(oCar1.drivers);   //输出"Mike,Sue,Matt"
   alert(oCar2.drivers);   //输出"Mike,Sue,Matt"

   缺点:构造函数没参数;当属心为对象时候,所有被实力化的Car的对象属性都一样!

4.混合的构造函数/原型方式
   用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法)
   function Car(sColor,iDoors,iMpg){
      this.Color = sColor;
      this.doors = iDoors;
      this.mpg   = iMpg;
      this.drivers = new Array("Mike","Sue");
   }
   Car.prototype.showColor = function(){
      alert(this.color);
   };
   这样问题就都解决了,不过OOPer决定它不完美

5.动态原型方法
   function Car(sColor,iDoors,iMpg){
      this.color = sColor;
      this.doors = iDoors;
      this.mpg  = iMpg;
      this.drivers = new Array("Mike","Sue");
      if(typeof Car._initialized == "undefined"){
         Car.prototype.showColor = function(){
            alert(this.color);
         };
         Car._initialized = true;
      }
   }
   这样所有问题都解决并且向个正真的对象了

6。混合工厂方式
   function Car(){
      var oTempCar = new Object;
      oTempCar.color = "red";
      oTempCar.doors = 4;
      oTempCar.mpg = 23;
      oTemp.showColor = function(){
         alert(this.color)
      };
      return oTempCar;
   }
   这种方式通常是在不能应用前一种方式时的变通方式。创建假构造函数,返回另一种对象的新实例。

   总结:目前用的最多的是混合的构造函数/原型方式,此外动态原型也很流行,不咬单独使用经典的构造函数或原型方式,这样的代码会有问题。