Javascript定义对象

来源:互联网 发布:数据采集器的作用 编辑:程序博客网 时间:2024/05/12 02:16
1.原始方式:创建多个对象缺陷
var car = new Object();
car.name = "asdf";
....
car.method1 = function(){};


2.工厂模式,可传递参数:方法创建多个缺陷
function createCar()
{
   var tempObj = new Object();
   tempObj.name = "adfasD";
   ....
   car.method1 = function(){
   };
   return tempObj;



var carObj = createCar();


3. 工厂模式优化:方法外面定义,避免重复创建
function showColor()
{
   ...
}


function createCar()
{
   var tempObj = new Object();
   tempObj.name = "asdf";
   ...
   tempObj.showColor = showColor;
   return tempObj;
}


4. 构造函数方式
function Car()
{
    this.name="adsf";
    ....
    this.showColor = function(){...};
}


var carObj = new Car();


5. 构造函数优化:方法外面定义,避免重复定义,参考3


6. 原型方式:
function Car(){};
Car.prototype.name="asdf";
...
Car.prototype.showColor = function(){...};


var carObj = new Car();


7. 原型/构造函数混合:原型方式优化,两种方式结合,避免构造函数无法初始化且对象属性在所有实例中共享的问题。
function Car()
{
    this.name="asdf";
    ....
}


Car.prototype.showColor = function(){...};


8. 动态原型方式:原型方式优化,比7更接近对象模式
function Car()
{
   this.name= "asdf";
   ....
   if(typeof Car._initialized == "undefined")
   {
       Car.prototype.showColor = function(){...};
   };
   Car._initialized = true;
}

0 0
原创粉丝点击