源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript 常见对象类创建代码与优缺点分析

  • 时间:2020-02-28 17:31 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript 常见对象类创建代码与优缺点分析
在Javascript中构建一个类有好几种方法: [b]1.Factory 方式 [/b]
[u]复制代码[/u] 代码如下:
function createCar(){ var car = new Object(); car.color=”b”; car.length=1; car.run=function(){alert(”run”);} return car; }
定义这么一个函数之后,就可以用: var car1 = createCar(); var car2 = createCar(); 来创建新的对象,这种方式的问题是每一次创建一个car对象,run Function也都必须重新创建一次.浪费内存 [b]2.Constructor方式[/b]
[u]复制代码[/u] 代码如下:
function Car(){ this.color=”b”; this.length=1; this.run=function(){alert(”run”);} } var car1=new Car(); var car2=new Car();
这是最基本的方式,但是也存在和factory方式一样的毛病 [b]3.prototype方式 [/b]
[u]复制代码[/u] 代码如下:
function Car(){ } Car.prototype.color=”b”; Car.prototype.length=1; Car.prototype.run=function(){alert(”run”); }
这个方式的缺点是,当这个类有一个引用属性时,改变一个对象的这个属性也会改变其他对象得属性 比如:
[u]复制代码[/u] 代码如下:
Car.prototype.data1=new Array(); var car1=new Car(); var car2=new Car(); car1.data1.push(”a”);
此时,car2.data也就包含了”a”元素 [b]4.Prototype/Constructor杂合方式[/b] [常用]
[u]复制代码[/u] 代码如下:
function Car(){ this.color=”b”; this.length=1; this.data1=new Array(); } Car.prototype.run=function(){ alert(”dddd”); }
这种方式去除了那些缺点.是目前比较大范围使用的方式 [b]5.动态prototype方式 [常用][/b]
[u]复制代码[/u] 代码如下:
function Car(){ this.color=”b”; this.length=1; this.data1=new Array(); if(typeof Car.initilize==”undefined”){ Car.prototype.run=function(){alert(”a”);} } Car.initilize=true; }
这几种方式中,最常用的是杂合prototype/constructor 和 动态prototype方式
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部