JavaScript进阶教程(第五课第三部分)

信息分类:进阶教程 来源:Internet 作者:转载并修改 返回首页

    多数错误只是无聊的语法错误。记住关闭那些引号,大括号和小括号会花费很长时间,不过幸运的是JavaScript自动错误检测器能捕获大部分此类错误。虽然JavaScript错误检测器随着日渐复杂的流览器而不断完善,但是一些错误仍会溜走。下面是一些需要留意的常见错误:

    混淆变量名或函数名

    大写和函数名产生的错误令人烦恼地经常出现,有时JavaScript错误检测器不能捕获它们。通过建立和坚持使用一种对变量和函数的命名协定,会大大减少这些麻烦的数量。例如,我全部用小写字母定义变量,并用下划线代替空格(my_variable,the_data, an_example_variable),用内置符号表示函数 (addThreeNumbers(), writeError()等)。

    偶然地使用了保留字

    一些字不能作为变量名,因为它们已经被JavaScript使用。例如,不能定义一个叫“if”的变量,因为它实际上是JavaScript的一部分 - 如果使用“if”,你会遇到各种麻烦。当你因为使用命名为“if”的变量而变得疯狂时,一个叫做“document”的变量是很诱人的。不幸的是,“document”是一个JavaScript对象。另一个经常遇到的问题是把变量命名为“name”(窗体元素有“names”属性)。把变量命名为“name”不总出问题,只是有时 - 这会更使人迷惑 - 这就是避免使用“name”变量的原因。

    不幸的是,不同的流览器有不同的保留字,所以没有办法知道该回避哪些字。最安全的办法是避免使用已经成为JavaScript一部分的字和HTML使用的字。如果你因为变量遇到问题,并且不能发现哪儿错了,试着把变量改个名字。如果成功了,你或许就避开了保留字。

    记住在逻辑判断时应该用两个等号

    一些流览器能捕获这种错误,有些却不能。这是一种非常常见的错误,但是如果流览器不能替你指出来,你就很难发现。下面是一个这种错误的例子:

    var the_name = prompt("what's your name?", "");
    if (the_name = "the monkey")
    {
        alert("hello monkey!");
    } else {
        alert("hello stranger.");
    }

    这段代码将产生“hello monkey!”警告对话框 - 不管你在提示里敲的是什么 - 这不是我们希望的。原因是在if语句中只有一个等号,这句话告诉JavaScript你想让一件事等于另一件。假设你在提示中敲的是“robbie the robot”。最开始,变量the_name的值是“robbie the robot”,但是随后if语句告诉JavaScript你想把the_name设为“the monkey.”。于是JavaScript很高兴地执行你的命令,送一个“true”消息给if语句,结果警告对话框每次都出现“hello monkey!”。

    这种阴险的错误会使你发疯,所以注意使用两个等号。

    偶然给变量加上了引号,或忘了给字符串加引号

    我不时遇到这个问题。JavaScript区分变量和字符串的唯一方法是:字符串有引号,变量没有。下面有一个明显的错误:

    var the_name = 'koko the gorilla';
    alert("the_name is very happy");

    虽然the_name是一个变量,但是程序还会产生一个提示“the_name is very happy,”的警告对话框。这是因为一旦JavaScript看见引号包围着某些东西就不再考虑它,所以当你把the_name放在引号里,你就阻止了JavaScript从内存中查找它。

    下面是一个不太明显的此类错误的扩展:

    function wakeMeIn3()
    {
        var the_message = "Wake up!  Hey!  Hey!  WAKE UP!!!!";
        setTimeout("alert(the_message);", 3000);
    }

    这里的问题是你告诉JavaScript三秒后执行alert(the_message)。但是,三秒后the_message将不再存在,因为你已经退出了函数。这个问题可以这样解决:

    function wakeMeIn3()
    {
        var the_message = "Wake up!";
        setTimeout("alert('" + the_message+ "');", 3000);
    }

    把the_message放在引号外面,命令“alert('Wake up!');”由setTimeout预定好,就可以得到你想要的。

    这只是一些可能在你的代码中作祟的很难调试的错误。一旦发现了它们,就有不同的或好或差的方法来改正错误。你很幸运,因为你能从我的经验和错误中获益。

相关资源