`

编写高度可维护javascript代码的几点关键性原则

阅读更多

日期:2012-7-3  来源:GBin1.com

编写高度可维护javascript代码的几点关键性原则

Javascript是一个非常神奇的语言。非常容易书写,但是难于维护。希望大家在完成这篇文章阅读之后,能够将你书写的js代码变成真正可维护可阅读的代码!

为什么这么困难?

记住在书写js之前,你需要知道它是一个动态语言。这意味着有很多方式来书写代码。你不需要处理强类型,或者类似C#和java的复杂语言特性 。

最难的部分可以在如下图片中很清楚的认识到:

两本javascript经典书籍 - gbin1.com

上面左边的超薄书本是来自于Douglas crokford的JavaScript:The Good Parts(影印版) ,另外一本厚的来自于David Flanagan的JavaScript权威指南(第6版)

两本书都是超棒的阅读本。前一本描述了虽然javascript拥有很多的特性,但是最好的部分可以用一个非常薄的书本来介绍。如果你寻找一个好的,快速阅读的方式,那么这本书非常适合你。

 

你可以在这里阅读javascript的历史 。 但是主要要点在于Brandon Eich,在1995年的时候受雇于netscape公司来设计一个新的语言。他后来设计的语言就是我们现在使用的弱类型的javascript。很多年 过去了,现在它成为了标准的脚本语言,但是由于浏览器战争,很多浏览器执行的特性不太一样。这很自然的导致了我们这些开发人员的无眠之夜。这个问题,连同 javascript的图片和验证处理功能,使得javascript成为一中可怕的语言。

现在呢?我们需要解决这个问题。虽然这里有很多javascript的问题,如果你能正确的使用它,它能够成为一个神奇的语言!

让Javascript做的更好

名字空间(Namespaces)

其中一个javascript实现不好的地方在于基于一个全局(Global) 的对象来操作。在浏览器中,这就是window对象,因此,任何时候如下代码都可以出现在页面上:

function doStuff(){
    alert('welcome to gbin1.com!');
}
 
function doMoreStuff(){
   var images = document.images.length;
   console.log("There are " + images + "on this page");
}
doStuff();
doMoreStuff();

以上代码中doStuff和doMoreStuff方法立刻就对于window对象有效。

.........

来源:编写高度可维护javascript代码的几点关键性原则

分享到:
评论

相关推荐

    编写可维护的JavaScript.((美)Nicholas C. Zakas).[PDF.pd

    读者应当理解这些原则和最佳实践,并在编写JavaScript代码时予以应用,以提高代码的可维护性。由于正文中未提供具体的内容摘录,无法提供更深入的分析和讨论,但上述知识点应该为读者提供了一个关于如何编写可维护...

    JavaScript 代码压缩工具

    JavaScript代码压缩工具是一种优化网页性能的关键技术,尤其在当今互联网应用越来越复杂,JavaScript文件体积日益庞大的背景下,其重要性不言而喻。压缩JavaScript代码的主要目的是减少文件大小,提高网络传输效率,...

    javascript代码

    JavaScript代码是开发者用以控制网页行为的关键,其语法简洁灵活,易于学习,但同时也具有深度和复杂性。 在JavaScript编程中,主要涉及以下几个核心知识点: 1. **基础语法**:JavaScript的基础包括变量(var, ...

    深入理解javascript 编写要点

    编写可维护的代码有以下几个关键点: 1. 可读性:代码应清晰易懂,遵循良好的命名规范,避免复杂的表达式和过于冗长的函数。 2. 一致性:保持代码风格统一,遵循一致的编码规范和约定,有助于团队成员间的协作。 3. ...

    javaScript编写的漂亮日历(源代码)

    9. **模块化**:如果日历代码量较大,可以考虑使用模块化工具,如CommonJS的`require`或ES6的`import`来组织代码,提高可维护性。 10. **响应式设计**:为了让日历在不同设备和屏幕尺寸上都有良好的显示,可能还...

    JavaScript 编写的游戏

    编写JavaScript游戏时,主要涉及以下几个关键知识点: 1. **DOM操作**:JavaScript可以操作Document Object Model (DOM),这是HTML和XML文档的结构表示。在游戏开发中,我们可能需要使用DOM来创建、更新或删除游戏...

    编写javascript插件,来扩展已有的JavaScript功能.zip

    在编写JavaScript插件时,需要注意以下几点: 1. **封装性**:确保插件代码结构清晰,易于理解和维护。 2. **可扩展性**:设计插件时应考虑未来可能的功能扩展。 3. **兼容性**:考虑到不同浏览器和JavaScript环境的...

    深入浅出javascript源代码

    在探索JavaScript源代码的过程中,有几个关键知识点是不容忽视的: 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(原始类型与引用类型)、运算符、流程控制(条件语句、循环)以及...

    利用javascript编写的树形菜单。

    创建JavaScript树形菜单主要涉及以下几个关键知识点: 1. DOM操作:Document Object Model (DOM) 是HTML和XML文档的结构化表示。JavaScript通过DOM API可以对网页内容进行动态操作,包括创建、修改和删除元素。在树...

    javascript的日期空间源代码

    3. **逻辑控制**:编写JavaScript逻辑来处理日期计算,比如判断是否为周末、设置选中状态、限制可选日期范围等。 4. **动态更新**:当用户做出选择或进行其他操作时,实时更新日期选择器的状态,并可能同步到页面的...

    精通JavaScript 动态网页编程 (王俊杰 编著) 全书源代码

    在JavaScript的世界里,动态网页编程涉及到以下几个关键知识点: 1. **基础语法**:JavaScript的基础包括变量、数据类型、运算符、流程控制(如条件语句和循环)以及函数。这些构成了程序的基本结构,让开发者能够...

    JavaScript写的可折叠的商品分类代码.rar

    5. 可维护性和扩展性:一个良好的源码软件应具有清晰的结构和注释,方便其他开发者理解和修改。此外,考虑到可能需要添加新的商品分类或调整现有分类,代码应设计得易于扩展和维护。 综上所述,这个压缩包中的...

    JavaScript高程源代码

    以下是几个主要的JavaScript知识点,这些知识点在阅读和分析源代码时可能会遇到: 1. **变量和数据类型**:JavaScript支持动态数据类型,即变量可以在运行时改变其数据类型。基本数据类型包括Undefined、Null、...

    JavaScript源代码集锦

    在这个“JavaScript源代码集锦”中,我们可以期待找到以下几类知识点: 1. **基础语法**:包括变量声明(var, let, const)、数据类型(字符串、数字、布尔、null、undefined、对象、数组、符号等)、操作符(算术...

    李炎恢在线课堂JavaScript讲义代码.rar

    10. **性能优化**:如何编写高性能的JavaScript代码,包括避免全局变量、减少DOM操作、合理使用定时器等。 通过李炎恢老师的JavaScript讲义代码,学习者不仅可以加深对上述概念的理解,还能通过实际的代码示例来...

    javascript编写的五子棋程序

    在五子棋程序中,JavaScript主要用于以下几个关键知识点: 1. **事件监听**:JavaScript通过添加事件监听器来捕捉用户的点击行为,当用户在棋盘上点击时,程序会捕获这个事件并执行相应的逻辑,如检查点击位置是否...

Global site tag (gtag.js) - Google Analytics