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;
}
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;
}