`
秦瑶123
  • 浏览: 14824 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript 基本技巧

 
阅读更多

javascript 基本技巧

for循环问题:

for循环便利数组的时候,尤其数组设计到DOM方法返回的对应数组,先使用临时对应存储可以很好的提高效率。

  

	functions looper(){
		
		var i = 0, max, myArray = [];
		
		myArray = document.getElementsByName();
		for( i = 0, max = myArray.length; i < max; i++){
			
		}
	}

 

  这种方式下,对长度的值只去一次,但应用到整个循环中。在所有浏览器中,通过将HTML容器上需要遍历的此数缓存起来都会大大提高速度

 编码约定

确定并遵循编码约定可以使得代码更为一致、可预测、容易阅读和理解。

确定并一致遵循约定比这个具体约定是什么更为重要!!

缩进:tab缩进或是空格缩进(一般为4个空格)。只需要对大括号中的所有代码执行缩进

大括号:即使在可选情形下也都请使用大括号。技术上来说,if语句和for语句中如果仅有一条语句可不需要大括号,但为了一致性和方便升级,最好还是使用大括号

开放的大括号的位置:通常大括号和语句放在同一行还是放在接下来的一行只是个人习惯不同,但有些情形括号的位置会影响程序的执行结果,这是由分号插入机制导致的,在JS中当没有正确使用分号结束本语句,会自动不上分号,如下面的函数会运行出错:

// 警告: 未预期的返回值
function func(){
       return
       {
              name: “Batman”
}
}

 

空格:空格的使用有助于改善代码的可读性和一致性,JS中在列表表达式和语句结束后添加空格

   > 分开for循环各部分的分号之后,如: for (var i = 0; i < 10; i++){}

   >  限定数组的逗号后面,如: var a = [1, 2, 3];

   >  对象属性的逗号之后和将属性名和属性值分开的冒号之后:var m = {a: 0; b: 1};

   >  分隔函数中参数的逗号之后,如 myFunc(a, b, c)

   > 函数声明的大括号之前,如:function myFunc() {}

   >  在匿名函数表达式之后,如:var myfunc = function () {};

   >  分隔所有操作符和操作,即在+, -, *, =, <, >, <= ……等之后使用空格

   >  在函数中使用大括号之前

   > 在大括号结束符和else或while之后

 

 命名约定

采用一致的方法对变量和函数进行命名,可提高代码可预测性和可维护性

构造函数首字母大写

分隔单词,如采用驼峰式命名方法和属性,命名变量采用所有单词都小写并用下划线分隔单词,这样有助于明显区分函数和其他标志(常量和对象)

JS无法定义常量,通常采用变量名全部大写约定编码该变量在程序生命周期中不可改变

下划线前缀来标识私有属性/方法/变量

 

 编写注释

通常有必要对所有函数、函数参数、返回值和其他有趣或不同学唱的算法和技术进行注释,且要不断更新注释,良好的注释也会自动生成文档

 

 编写API文档

JS自动生成API文档的工具: JSDoc Toolkit和YUIDoc

生成API文档的步骤:

编写特殊格式代码块

运行工具解析代码和注释

发布工具解析的结果,通常采用HTML格式发布

需要一些特殊的标签:

如以下该函数可以将字符串翻转:

var reverse = function (input) {
       // …
       return output;
}

 

@param是输入参数的标签, @return是表示返回值的标签,文档工具会接卸这些标签生成一系列格式非常好的文档。

 

在正式发布时精简代码

通常采用工具实现代码的精简,如YUICompress或是ClosureCompiler:

减少空白位置、注释和其他JS代码不重要的部分来减小文件大小

将变量名重新命名为一个较短的名称

 

运行JSLint

JSLint会寻找一些冲突,如:

无法执行的代码

在定义之前使用变量

不安全的UTF字符

使用void、with或eval

在正则表达式中不合适的转义字符

 

 

参考资料:《JavaScript模式》

 

分享到:
评论

相关推荐

    深入理解JavaScript系列

    本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法、值、运算符、布尔类型、数字、字符串、语句、异常...

    JavaScript基础教程 精简版

    JavaScript基础教程 精简版 将JavaScript基本技术浓缩成17页的教程

    JavaScript征途

    《JavaScript征途》内容全面,由浅入深,包括6篇21章,主要内容包括:JavaScript语言的基本特性,开发简单的JavaScript程序,JavaScript语法体系,数据、数据类型和变量,运算符和表达式,语句和结构,JavaScript...

    JavaScript技术讲座

    JavaScript技术讲座,讲述一些基本的JavaScript知识。

    JavaScript基本教程

    第二讲 JavaScript基本数据结构 第三讲 JavaScript程序构成 第四讲 基于对象的JavaScript语言 第五讲 创建新对象 第六讲 使用内部对象系统 第七讲 窗口及输入输出 第八讲 WEB页面信息交互 第九讲 实现更...

    javascript完全学习手册1 源码

    13.4 JavaScript调试技巧 381 13.4.1 使用alert()语句 382 13.4.2 使用write()语句 382 13.4.3 抛出自定义异常消息 383 第4篇 JavaScript特效应用 第14章 JavaScript网页特效 387 14.1 文字特效 387 14.1.1 文字...

    精通JavaScript动态网页编程(实例版)

    资源名称:精通JavaScript动态网页编程(实例版)内容简介:本书通过大量...全书分为9个部分,共36章,内容涵盖了Javascript基本语法、Javascrip 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    JavaScript入门经典(第3版)高清PDF—3

    《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...

    javascript DOM高级程序设计 及 javascript 设计模式

    在吃透了前面所说的书之后,接下来两本书的顺序已经无关紧要了,《JavaScript DOM高级程序设计》(注意和《JavaScript 高级程序设计》相区别)和《JavaScript设计模式》,这两本都是重量级的书,能让你的JS技术上一...

    JavaScript基本语法实验实验报告.pdf

    JavaScript基本语法实验实验报告.pdf

    JavaScript基础教程

    在主流计算平台全面转向Web的今天,JavaScript理所当然地成为广大开发人员必须熟练掌握的一项基本技术。, 本书是已被奉为经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而...

    JavaScript语言参考手册

    对于 Internet 和万维网 (WWW) 的基本了解。 对于超文本标记语言 (HTML) 的良好掌握。最好有应用表单和通用网关接口 (CGI) 编程的经验。 如果你将要使用 LiveWire 数据库服务,那么就需要有与数据库相关的知识和...

    javascript Dom 编程艺术

    本 书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践,并全面探讨了HTML5以及jQuery等JavaScript库...

    JavaScript简明教程

    第二讲 JavaScript基本数据结构 第三讲 JavaScript程序构成 第四讲 基于对象的JavaScript语言 第五讲 创建新对象 第六讲 使用内部对象系统 第七讲 窗口及输入输出 第八讲 WEB页面信息交互 第九讲 实现更复杂交互

    精通javascript+jQuery

    主要内容包括JavaScript的概念和基本语法、CSS基础、CSS排版、DOM模型框架、网页中的事件、表格表单、JavaScript的调试与优化、Ajax异步技术等。在此基础之上又通过精彩的实例详细讲解了jQuery的相关技术:主要包括...

    深入浅出JavaScript(中文版)

    为了启发你的思考,《深入浅出JavaScript(中文版)》覆盖了所有的javascript基本知识,从基本网络编程技巧,如变量、函数和循环语句,到高级一些的专题,如表单验证、dom操作、客户端对象、脚本程序调试——甚至是...

    JavaScript DOM编程艺术(源码)

    《JavaScript DOM编程艺术(第2版)》在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和实践,并全面探讨了...

    Javascript 编程宝典 pdf Part04

    从简单介绍JavaScript与Web开始,循序渐进地介绍了Web浏览器、基本的编程技巧和编程步骤;接着,深入探讨了浏览器文档对象模型的发展,详细介绍了JavaScript对象的有关知识,包括对象的属性、方法和事件处理程序等...

    JavaScript 动画制作教程 exe工具

    这本小册子通过制作 一个图像动画特效为主线向大家讲解JavaScript动画制作的基本技巧,分四步讲解本动画的实现:一是用Javascript制作动画-生成图象数组 、二是设置图象的位置、三是现在开始演示动画、四是用...

    JavaScript入门经典(第3版)高清PDF—5

    《JavaScript入门经典(第3版)》首先介绍了JavaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《JavaScript入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《JavaScript入门经典...

Global site tag (gtag.js) - Google Analytics