关于学习和应用Javascript及Ext Js的几点建议

Ext Js作为一个流行的富客户端JS组件库，已经在项目中大量采用。大家在学习和应用中发现了一些问题，现谈下我的看法，希望对大家有所启发和帮助，敬请各位批评指正。

 

1.        学习的路线:

l        掌握javascript

javascript是大家比较容易忽视的一门语言，在web2.0大行其道的时代，加之我们日常Ext JS的大量使用，如果不能深刻理解并掌握Javascript，对使用并扩展Extjs会造成很大的障碍。下面是我在学习Javascript中遇到的几个难点问题，如果下列问题能够掌握，我认为日常使用的JS将不存在困难。

l        深刻理解JS的变量作用域及执行顺序

非简单的顺序执行，变量定义不分先后，函数中的任意一处的变量定义在整个函数作用域内均有效。

l        理解JS中的this的含义

函数定义在构造函数或者原型中将成为实例方法，函数作为属性添加到构造函数中，将作为类方法(类似静态方法)。this一般指代方法的调用者，如果不特殊指出（Function.call(this,arg)）将是全局变量在页面中即window对象。

l        JS继承的方法，

冒充对象、原型继承，一般采用混合方式即属性定义在构造函数中，方法定义在原型中。

l        闭包的理解及应用

闭包简单来讲，即函数实例的引用。利用闭包可以使公有方法暴露出私有变量，从而得到面向对象中对变量的适度封装。另外在异步调用中，利用闭包可以保留JS异步执行时的局部变量。

l        将Widgets的使用，集成在页面中。

l        熟练使用Ext Js core库API，如操作Dom，CSS、继承。

l        能够读懂Ext的源码并能够做扩展。

 

后记：

在大家的日常开发中，有不少人喜欢将别人的代码稍加改造成为自己的代码，模仿本无可厚非，但是如果不求甚解，只是拷贝，我想对于个人的技术发展是很不利的。如果不能理解语言级别基本的东西，你将无法驾驭它并随心所欲创建你的代码；如果不能理解优秀代码或框架的设计思想，只是记住API，你每天做的只是重复的劳动，你只能停留在抄袭的原点上，你的工作也只是别人代码的简单堆积，代码的优化和设计无从谈起。在一大堆低质量代码的背后，意味着维护的高难度和复用的零可能。

 

推荐大家Javascript权威指南第五版及Javascript高级程序设计

 

2、应用ExtJS

当一个项目中大量使用ExtJS，JS文件有数十个，如何管理并清楚地使用项目中的JS是个值得思考的问题。下面是我

l        定义好项目的目录将JS文件统一放于某个文件夹中。

l        编写”无干扰的Javascript”，即将大量的JS与HTML分离（展现与行为分离），HTML中编写较少的JS，使得JS可以复用。

l        统一采用面向对象的JS的编程机制，各个UI组件统一继承于我们自定义的组件基类，如Gridpanel的基类，TreePanel的基类，一般采用默认配置，个性化配置参数，从而使界面的风格统一。

l        采用命名空间，防止全局变量污染。

评论

1 楼 energykey 2009-07-06  

写得不错，最近换公司了，需要研究EXT，JS方面以前只停留在直接操作DOM上，面向对象的写法还没用到，。你推荐的书我一定会去看。