JavaScript进阶教程第一课

发布时间：2023-02-16 12:48:10 所属栏目：Java 来源：互联网

导读：给变量赋值 If-then语句 For和while循环编写你自己的函数打开及控制窗口读写HTML 表单应用数组控制图片转换如果这些课题你听起来还比较陌生的话，我建议你先阅读一下本站的Javascript基础教程。在上次的JavaScript教程中我们学习了JavaScript的核心内

　　    给变量赋值
　　    If-then语句
　　    For和while循环
　　    编写你自己的函数
　　    打开及控制窗口
　　    读写HTML 表单
　　    应用数组
　　    控制图片转换
　　    如果这些课题你听起来还比较陌生的话，我建议你先阅读一下本站的Javascript基础教程。
　　    在上次的JavaScript教程中我们学习了JavaScript的核心内容：一些重要的语法以及最常用得一些对象。现在我们将加深你的JavaScript知识使你成为一个真正的JavaScript大师。以下就是你成为一个真正的大师必须走过的路。
　　    第一课：
　　    介绍和理清头绪，并介绍几个小技巧，重点介绍一种新的if-else语句以及变量真正含义。
　　    第二课：
　　    神奇的字符串处理，保存访问过你的网站得读者的信息，并介绍一种新的数组。
　　    第三课：
　　    甚至网页的时间线，使不同的事件在不同的时间发生，并且介绍如何使你的JavaScript脚本在各种浏览器上都能运行。
　　    第四课：
　　    开发和测试JavaScript的工具，以及使你的JavaScript代码迅速运行的窍门。
　　    学习完本次的教程之后你将对JavaScript有了比较完整地了解。掌握了这门知识你就能够制作各种互联网应用程序了。

　　在JavaScript中最常用得语句就是if-else。下面是一个奖励猴子的例子：
　　    if (monkey_behavior == "good")
　　    {
　　        var toy = "videogames";
　　    } else {
　　        var toy = "rocks";
　　    }
　　    用通俗的英语翻译上面的代码意思是说：“如果猴子表现得好，就允许他玩电子游戏，否则就扁它。”上面的例子显示了if-else语句的标准格式，但是对于那些喜欢投机取巧的人，还有一种快捷方式：
　　    var toy = (monkey_behavior=="good") ? "videogames" : "rocks";
　　    这个表达式和上面对语句所起的作用是完全一样的。这个条件语句有3部分：测试条件，测试为真时返回的值，以及测试为假时返回答值。在上面对例子中，测试条件是(monkey_behavior=="good")。如果测试条件为真，则返回字符串videogames；如果测试条件为假，则返回分号右边的值：rock。
　　    这种快捷方式在函数调用中使用时非常便利。例如，你可以用它来做下面的事情：
　　    var password = "open sesame";
　　    var answer = prompt("what's the password? ","");
　　    alert((answer == password) ? "welcome!" : "buzz off");
　　    点击这里你就可以看到代码执行的过程。根据你所输入的字符是否是规定单密码，你将受到“欢迎”的信息或者to是蜂鸣。
　　    如果没有这种条件语句，则必须这样书写代码：:
　　    var password = "open sesame";
　　    var answer = prompt("what's the password? ","");
　　    if (answer == password)
　　    {
　　        alert("welcome");
　　    } else {
　　        alert("buzz off");
　　    }
　　    显然代码长了很多，但是也更容易了解它的含义。选用何种条件语句依每个人的喜好而定。

　　这里是一个应用变量的例子：
　　    var happiness = "a banana split";
　　    alert("The monkeys think happiness is " + happiness);
　　    这行代码声明一个叫做happiness的变量，然后在一个alert对话框中调用这个变量。如果你看过别人的JavaScript，你可能会注意到他们在声明变量时使用了var，这种用法可能会造成问题。首先，可能会造成有些版本的MSIE瘫痪，或运行不正常。这种情况在Mac机上的MSIE最有可能发生。其次，如果你编写很复杂的JavaScripts，你必须编写你自己的函数，所以你必须了解变量的含义。
　　    正如上次的JavaScript教程: 第四课中所述，函数是被调用后执行某特定功能的JavaScript程序代码。最好的函数具有模块化的特性，你可以控制输入的变量以及输出的结果。而且一旦编好之后你就无需担心它会出问题，而且不会和别的函数发生冲突。要使编写地函数具备这些稳定的特性，你必须确保不要轻易改变那些作为参数传递给其他函数的变量. 下面对例子显示了如果你不注意这些细节会造成什么后果。假设我们编写一个程序将华氏温度转换为摄氏温度。点击华氏/摄氏来观察一下我所指的意思。如果你转换转换华氏50度，则会出现一条信息：
　　    “50 degrees Fahrenheit is 10 degrees Celsius(华氏50度相当于摄氏10度)。”
　　    以下是代码：
　　    function fahrenToCelsius(fare)
　　    {
　　        temp = (faren - 32) * 5/9;
　　        return temp;
　　    }
　　    function convertTemp()
　　    {
　　        temp = prompt("what temperature fahrenheit? ","50");
　　        celsius = fahrenToCelsius(temp);
　　        alert(temp + " degrees Fahrenheit is " + celsius + " degrees Celsius.");
　　    }
　　    这个程序很简单。一个叫做convertTemp()得函数调用另外一个叫做fahrenToCelsius()并返回结果。如果你对本程序不是很懂，你需要重新学习一下javasript初级教程第四课。
　　    关于这个例子让人困惑之处在两个函数中都有一个叫做temp的变量，在convertTemp()函数中它的作用是储存华氏温度Fahrenheit值 (由用户提供)。在fahrenToCelsius()函数中，它用于计算转换后的摄氏温度值Celsius。这个不仅让我们感到困惑而且也会让这个Javascript程序感到困惑。如果你试图用变量运行这段代码就会发生下面的结果：如果你希望转换华氏50度，则会显示下面的信息："10 degrees Fahrenheit is 10 degrees Celsius."(华氏10度相当于摄氏10度)。为什么你输入的是华氏50度，而程序却将其理解为你输入了10度呢？我们来研究一下这个程序的执行过程。当我们调用函数convertTemp()并在提示栏中输入了"50"时，我们得到temp = 50;然后"temp"被传递给函数farenToCelsius()。在farenToCelsius()中，参数faren被设定为50，而"temp" 被设定为(50 - 32) x 5/9, 其结果是10。在返回结果之前，各项参数值是：
　　    faren = 50
　　    temp = 10
　　    现在farenToCelsius()将10返回给变量celsius:
　　    temp = 10
　　    celsius = 10
　　    现在我们得到一个错误的语句： "10 degrees Fahrenheit is 10 degrees Celsius"。如果你仔细一些，不要将两个函数中的变量起同样的名称就可以避免这些问题。但这也不是最佳解决方案。当你不断加入更多的函数时，很难确保你不会将函数中的变量重名。而且如果你重复使用许多变量名例如loop,index,count和the_name时，使用不同的名称实在是一个很令人头疼的事。
　　    最好的解决办法是让JavaScript明白在fahrenToCelsius()函数中用到的变量temp和在convertTemp()函数中用到的变量temp是两码事。如果每个函数都有只应用于本函数内部的变量temp你就无需担心不同函数中的同名变量会搅成一团。而var就是用于这个目的。
　　    要使JavaScript中各种同名变量不会发生混淆，你可以在声明变量时在变量前面加上var。在一个函数内用var声明后灯的变量叫做局部变量，它只存在于该函数内部。通常情况下你应该尽量使用局部变量。
　　    这里是用var声明后的正确的JavaScript代码：
　　    function fahrenToCelsius(faren)
　　    {
　　        var temp = (faren - 32) * 5 / 9;
　　        return temp;
　　    }
　　    function convertTemp()

（编辑：十堰站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

1/2

尾页