位置:海鸟网 > IT > JavaScript >

Javscript的10个编程技巧

1.外部引入文件时,使用defer属性供IE浏览器解析

这个属性可加可不加,不管添加defer属性是不是一个好的编程技巧,但该属性在适当的时候会派上用场的。它的使用方法如下:

<script type="text/javascript" defer="defer"></script>

添加defer属性的目的是在引入外部js文件时告诉Ie浏览器,只有在等页面加载完成后才执行引入的js文件中的js代码。当然这也可以通过一些比较好的代码实现,这些好的代码可以避免页面在没有加载完DOM就执行外部引入的js代码的问题。

注:defer属性只有IE浏览器才会支持。
2.使用一个CDATA区域来避免XHTML Strict文件验证的错误

XHTML Strict文件对页面中的标签和代码要求甚高,而js代码中常常出现运算符,而W3C验证XHTML Strict文件时,会认为页面js代码中的”< "、">“等运算符为一个标签的开始和结束,这样就会出现验证错误。

所以比较好的XHTML Strict文件中js编程习惯时给js代码外围加上一个CDATA区域,以达到该段js可以通过W3C验证。效果如下:


 

<script type="text/">
//< ![CDATA[
var my_variable = 100;
if (my_variable < 50) {
 // do something here...
}
//]]>
</script>

3.避免使用Javascript的关键字来自定义变量

每一种编程语言都有默认的一些关键字,在日常的代码编写过程中都因避免使用关键字作为自定义变量名。Javascript中的关键字有:


 

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

4.避免使用Javascript的保留字来自定义变量

同样每一种编程语言都有一定量的保留字,在自定义变量时也因避免使用这些保留字作为自定义变量名。Javascript的保留字有:

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

5.在自定义一个变量并赋予相应的类型后,在之后的代码中避免改变该变量的类型

在Javascript编程中,如下的写法是不太理想的:


 

var my_variable = "This is a String";
my_variable = 50;

在第一行给my_variable变量赋予了一个String的类型,而在第二行却改变为了Integer类型,这样写是一个不好的习惯,应该避免这种情况的发生。
6.不要使用全局变量

为了防止可能发生的冲突,99%的情况下,使用var关键字最初声明变量和赋予该变量值。这将确保您的变量是局部的,而不是声明它们的功能函数之外。这样的话,在两个不同的函数体内使用相同的变量名就不会发生变量的冲突。而这里在函数体内定义的变量在函数执行完成后就会被取消,从而节省了命名空间。
7.Javascript对大小写敏感

看下面的两个自定义变量,它们代表了两个不同的变量:
 

var myVariable = "data";
var myvariable = "more data";

所以,在日常的编写代码时,养成一个好的编程习惯,不要无意间因大小写的问题而定义了两个变量,其实你需要的只是一个变量。
8.使用switch声明来处理多种条件判断

在多个条件判断代码的编写时,不要如下编写代码:


 

if (example_variable == "cyan") {
 // do something here...
} else if (example_variable == "magenta") {
 // do something here...
} else if (example_variable == "yellow") {
 // do something here...
} else if (example_variable == "black") {
 // do something here...
} else {
 // do something here...
}

而是应该这样使用:


 

switch (example_variable) {
 case "cyan":
  // do something here...
  break;
 case "magenta":
  // do something here...
  break;
 case "yellow":
  // do something here...
  break;
 case "black":
  // do something here...
  break;
 default:
  // do something here...
  break;
}

上面的两端代码执行的结果是一样的,但第二种使用swicth编写的代码便于阅读、管理和修改。
9.使用try-catch,以防止向用户显示错误

将需要执行的代码包含在try-catch中,这样用户就永远看不多Javascript的报错信息。如下:


 

try {
 nonExistentFunction();
} catch (error) {
 document.write("An error has occured.")
}

在上面的代码中我试图去调用一个实际不存在的函数来产生一个错误。而浏览器则不会显示“not an object” 或者 “object expected”错误,而是现实了我在catch体内自定义的错误信息。当然你也可以在catch体内不懈任何代码,这样什么错误信息都不会输出。或者也可以在catch体内调用一个自定义的捕获错误的函数,以便调试其中的错误。

当然,错误也有可能来自开发人员本身代码的错误,所以在代码中加上适当的注释信息是必不可少的。
10.使用简约的多行注释对代码进行说明

在Javascript中,注释有单行注释和多行注释之分。而有时候的注释文字很长时,良好的习惯是将注释文字放在多行中,以便于阅读。


 

/*
 * 我是多行注释 ...
 * 注释..
 * 注释...
 * 注释...
 * 注释...
 */

总结:上面的10条小技巧或许对大家来说已经是了然于胸了,但有时候编程晕头晕脑的,不经意间就会忘记。所以在平时的编程过程中养成一个良好的编程习惯是一个程序员最基础的素质要求。只要多练、多看、多学习,我们的编程技术就会越来越高明的!