Javascript高级程序设计 笔记(四) javascript对象创建
类创建方法
工厂方法模式:方法缺陷,没有new,与习惯不符,并且对象方法定义在外部,不太好。如果定义在内部,则每个对象都有个函数对象,浪费内存。
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; } var oCar = createCar("red",4,23); oCar.showColor();
构造函数方式:方法缺陷,还是方法定义在外部不太好
function showColor(){ //定义在外面,可以防止每个对象都创建一个函数对象 alert(this.color); } function Car( sColor, iDoors ,iMpg){ //构造函数一般首字母大写,来区分其它普通函数 this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.showColor = showColor; } //默认返回this var oCar = new Car("red", 4 ,23); //使用new调用构造函数时,第一行代码执行执之前首先创建了一个对象 oCar.showColor();
原型方法:缺点,函数的定义定义在内部,并且所有的类共享一个函数对象。但是构造函数不能再指定参数了。并且,原型如果属性是对象的话会在不同对象之间共享
function Car(){ //只是定义了类名 } Car.prototype.color = "red" Car.prototype.doors = 4; Car.prototype.mpg = 23; Car.prototype.showColor = function(){ alert(this.color); } var oCar = new Car();
混合的构造函数:非函数属性用构造函数定义,函数属性用原型方式指定。缺点:还是不太符合oop程序员的编程观念,因为诸如java之类的编程语言将函数和属性封装一起
function Car( sColor, iDoors ,iMpg){ this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.showColor = showColor; }
Car.prototype.showColor = function(){ alert(this.color); }
var oCar = new Car("red", 4 ,23); //使用new调用构造函数时,第一行代码执行执之 oCar.showColor();
最终版:其实还是前一个版本常用
function Car( sColor, iDoors ,iMpg){ this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.showColor = showColor; if( typeof this._init_== "undefined"){ Car.prototype.showColor = function(){ alert(this.color); } }; _init = true; }