JavaScript面向对象之静态与非静态类
2010-02-03 14:34
495 查看
使用JavaScript面向对象完全出于偶然,因为大部分时间我都是在无图形界面的环境下工作,有时候就算是介入了web客户端的工作的时候,在写js和ajax时,最多的也只是写写function,从没有考虑过要使用JavaScript面向对象这么高级的技巧。直到有那么一天,我开始在js中拼凑DOM标签,而且需要不停的拼凑,我发现我的代码变得愈发的丑陋,不仅上是代码简洁的问题,甚至有时候还引发了性能问题。长此以往,不出三个月,上帝都将会不知道我写过些什么,本篇的目的完全出于记录使用心得。
首先,还是来看一下促使我改变书写JavaScript习惯的垃圾代码,在练习、测试、调试、甚至正式项目中,大量的充斥着下面的代码。
函数
这样每次new createElement()都是一个新的对象,不存在引用的问题了。
实际上,上面提到的就是Javascript中静态类和非静态类的区别;当然也从中得知,使用静态类非静态类的效率上还是有些差别的,而且调用的时候肯定也是静态类方便一些,如果不计较引用冲突问题,我觉得静态类应该是首选的。
首先,还是来看一下促使我改变书写JavaScript习惯的垃圾代码,在练习、测试、调试、甚至正式项目中,大量的充斥着下面的代码。
函数
function append(obj) { for(i=0;i<3;i++) { var ele=new createElement(); var a=ele.a; a.title=”你好”; a.href=”javascript:void(0);”; a.innerHTML=a.title; a.click=function(){createdom();}; $(obj).append(a); …. } }
这样每次new createElement()都是一个新的对象,不存在引用的问题了。
实际上,上面提到的就是Javascript中静态类和非静态类的区别;当然也从中得知,使用静态类非静态类的效率上还是有些差别的,而且调用的时候肯定也是静态类方便一些,如果不计较引用冲突问题,我觉得静态类应该是首选的。
相关文章推荐
- JavaScript面向对象之静态与非静态类
- JavaScript面向对象之静态与非静态类
- JavaScript面向对象-静态方法-私有方法-公有方法-特权方法
- JavaScript面向对象-静态方法-私有…
- JavaScript【面向对象】-静态方法-私有方法-公有方法-特权方法
- JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链
- Javascript 面向对象(共有方法,私有方法,特权方法,静态属性和方法,静态类)示例讲解
- JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链
- JavaScript面向对象-静态方法-私有方法-公有方法-特权方法
- [置顶] javascript-基于对象or面向对象?
- 全面理解面向对象的JavaScript
- JavaScript面向对象的支持
- JavaScript面向对象 “四段式”类设计方法javascript
- javascript 面向对象(一)
- javascript学习笔记[6]--面向对象
- javascript面向对象实现java常用的1StringBuffer,Map,Collection,List,Set
- 令人惊奇的JavaScript面向对象(一)
- JavaScript面向对象编程指南--第一章 面向对象的JavaScript
- JavaScript面向对象代码实践
- JavaScript(5) 面向对象