作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 02:04:36 阅读 我要评论

在Javascript中构建一个类有好几种方法: 1.Factory 方式 复制代码 代码如下: 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也都必须重新创建一次.浪费内存 2.Constructor方式 复制代码 代码如下: function Car(){ this.color=”b”; this.length=1; this.run=function(){alert(”run”);} } var car1=new Car(); var car2=new Car(); 这是最基本的方式,但是也存在和factory方式一样的毛病 3.prototype方式 复制代码 代码如下: function Car(){ } Car.prototype.color=”b”; Car.prototype.length=1; Car.prototype.run=function(){alert(”run”); } 这个方式的缺点是,当这个类有一个引用属性时,改变一个对象的这个属性也会改变其他对象得属性 比如: 复制代码 代码如下: Car.prototype.data1=new Array(); var car1=new Car(); var car2=new Car(); car1.data1.push(”a”); 此时,car2.data也就包含了”a”元素 4.Prototype/Constructor杂合方式 [常用]复制代码 代码如下: function Car(){ this.color=”b”; this.length=1; this.data1=new Array(); } Car.prototype.run=function(){ alert(”dddd”); } 这种方式去除了那些缺点.是目前比较大范围使用的方式 5.动态prototype方式 [常用] 复制代码 代码如下: 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方式

  推荐阅读

  javascript检测(控制 )上传文件大小

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 测试过程,可以通过选择非图片与图片大小超过200K的图片测试。>>>详细阅读


本文标题:JavaScript 常见对象类创建代码与优缺点分析

地址:http://www.17bianji.com/kaifa2/JS/27536.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)