脚本执行顺序
js代码是按照它们在html中出现的顺序一行一行被解释的。这表明把函数定义和变量声明放到<head>中会很好。这保证了函数的代码和事件相关的处理程序不会立即执行。
大写小敏感
js是大小写敏感的语言。这意味着result,Result,RESULT是不同的变量。所有的js关键字都是小写的,当你写if是一定不要写成
If或IF.因为js使用camel-back的命名方式,许多方法或属性都是大小写混写的。比如Document对象的lastModified中M必须大写,否
则提示undefined。
html和大小写敏感 在html4或更早的版本中,标签和属性是大小写不敏感的,例如下面两个是一样的:
<<IMG SRC="plus.gif" ALT="Increment x" ONCLICK="x=x+1">>
<<img src="plus.gif" alt="Increment x" onClick="x=x+1">>
这本身没有问题,问题是html中两种不同的引用事件处理者的方式(ONCLICK和onClick),在js中事件处理者正确的写法是onclick
,之所以ONCLICK和onClick能工作是因为浏览器自动把它们绑定到onclick上。
看下面的例子有什么不同。
<<img src="plus.gif" alt="Increment x" onclick="x=x+1">>
<<img src="plus.gif" alt="Increment x" onclick="X=X+1">>
第一个例子中x是小写的,第二个是大写的,js是大小写敏感的,因此这是两个不同的变量。
xhtml要求所有的元素和属性都要小写因此我们也应该这样做。
空格 这里的空格包括普通的空格、制表符、换行符,这些空格都会被js忽略掉。因此下面的例子是一样的:
x = x + 1;
x = x + 1;
因此使用空格对开发者有益。合适的使用空格控制语句、循环、声明可以增加可读性。
注意:一些开发者讨厌过慢的下载速度,于是手动或者使用工具删除没用的空格。
如果语意清楚,那么多余的空格会被忽略掉。例如x=x+1;没有空格,但是语义清楚。然而,除了算数运算符外,大多数的操作符
都是需要空格来指明期待的意思的。如下: s = typeof x; s = typeofx; 第一句使用typeof得到x的类型赋值给s;第2句把变量typeofx的值赋值给s;两者意思完全不同。 js忽略多余的空格有两个例外,另一个就是放在单引号或双引号中的空格,如:
var s = "This spacing is p r e s e r v e d.";
有经验的程序员可能好奇如果直接在一个字符串中包括换行符会发生什么。答案涉及到另一个空白和JavaScript的微妙之处:隐含分号和语句的关系。
语句
语句是js的本质。它们是解释器执行特定动作的指令。最常见的语句就是赋值语句,赋值语句使用 = 操作符,如 x = y + 10; 把
右边的值赋值给左边。不要把 = 和用于判断的==混淆了。 语句定界符:分号和Returns
分号表明语句结束。如你可以使用分号将多个语句放在同一行: x = x + 1; y = y + 1; z = 0; 你也可以包含更复杂或空语句在一行: x = x + 1; ;; if (x >> 10) { x = 0; }; y = y - 1;
尽管语句的分割符是分号,但是你可以使用换行符而不加分号,如: x = x + 1 y = y - 1 但是如果你想让两个语句在同一行,则必须添加分号。
尽管上面的例子没有加分号,没有报错,但是不要这么做,因为如果一行代码如果是一个完整的js语句,浏览器会自动添加分号
而使你得不到想要的结果。典型的例子就是return语句。如: return x 会被当做 return; x; 而不是当做 return x;
因此依赖于浏览器自动添加分号是一个坏习惯。最好再每个语句后面添加分号。
语句块
大括号{}用来组织多列语句。 你可以把多个语句放到一个{}中组成一个语句块。比如函数就是:
function add(x, y)
{
var result = x + y;
return result;
}
如果你使用for或者while或if,最好把它们写到语句块中:
if (x >> 10)
{
x = 0;
y = 10;
}