好学IT学院:IT信息技术分享交流平台
来源:互联网  作者:本站整理  发布时间:2008-07-18  ★★★加入收藏〗〖手机版
摘要:欢迎您继续学习Javascript高级教程。在此之前我们已经学习了Javascript5日教程。在这一阶段的学习中我们将继续学习在上次的教程中还没有来得及谈及的问题。我还将向你们展示Javascript的许多神奇功能,使你能够制作真正对多媒体应用程序。…

第四页什么是变量

这里是一个应用变量的例子:
varhappiness="abananasplit";
alert("Themonkeysthinkhappinessis"+happiness);

这行代码声明一个叫做happiness的变量,然后在一个alert对话框中调用这个变量。如果你看过别人的JavaScript,你可能会注意到他们在声明变量时使用了var,这种用法可能会造成问题。首先,可能会造成有些版本的MSIE瘫痪,或运行不正常。这种情况在Mac机上的MSIE最有可能发生。其次,如果你编写很复杂的JavaScripts,你必须编写你自己的函数,所以你必须了解变量的含义。

正如上次的JavaScript教程:第四天中所述,函数是被调用后执行某特定功能的JavaScript程序代码。最好的函数具有模块化的特性,你可以控制输入的变量以及输出的结果。而且一旦编好之后你就无需担心它会出问题,而且不会和别的函数发生冲突。要使编写地函数具备这些稳定的特性,你必须确保不要轻易改变那些作为参数传递给其他函数的变量.下面对例子显示了如果你不注意这些细节会造成什么后果。假设我们编写一个程序将华氏温度转换为摄氏温度。点击华氏/摄氏来观察一下我所指的意思。如果你转换转换华氏50度,则会出现一条信息:“华氏50度相当于摄氏10度。”以下是代码:

functionfahrenToCelsius(fare)
{
temp=(faren-32)*5/9;
returntemp;
}
functionconvertTemp()
{
temp=prompt("whattemperaturefahrenheit?","50");
celsius=fahrenToCelsius(temp);
alert(temp+"degreesFahrenheitis"+
celsius+"degreesCelsius.");
}

这个程序很简单。一个叫做convertTemp()得函数调用另外一个叫做fahrenToCelsius()并返回结果。如果你对本程序不是很懂,你需要重新学习以下上次的javasript教程第4日。

关于这个例子让人困惑之处在两个函数中都有一个叫做temp得变量,在convertTemp()函数中它的作用是储存华氏温度Fahrenheit值(由用户提供)。在fahrenToCelsius()函数中,它用于计算转换后灯摄氏温度值Celsius。这个不仅让我们感到困惑而且也会让这个Javascript程序感到困惑。如果你试图用变量运行这段代码就会发生下面的结果:如果你希望转换华氏50度,则会显示下面的信息:"10degreesFahrenheitis10degreesCelsius."(华氏10度相当于摄氏10度)。为什么你输入的是华氏50度,而程序却将其理解为你输入了10度呢?我们来研究一下这个程序的执行过程。当我们调用函数convertTemp()并在提示栏中输入了"50"时,我们得到temp=50;然后"temp"被传递给函数farenToCelsius()。在farenToCelsius()中,参数faren被设定为50,而"temp"被设定为(50-32)x5/9,其结果是10。在返回结果之前,各项参数值是:

faren=50
temp=10

现在farenToCelsius()将10返回给变量celsius:
temp=10
celsius=10

现在我们得到一个错误的语句:"10degreesFahrenheitis10degreesCelsius"。如果你仔细一些,不要将两个函数中等变量起同样的名称就可以避免这些问题。但这也不是最佳解决方案。当你不断加入更多的函数时,很难确保你不会将函数中的变量重名。而且如果你重复使用许多变量名例如loop,index,count,和the_name时,使用不同的名称实在是一个很令人头疼的事。

最好的解决办法是让JavaScript明白在fahrenToCelsius()函数中用到达变量temp和在convertTemp()函数中用到的变量temp是两码事。如果每个函数都有只应用于本函数内部的变量temp你就无需担心不同函数中的同名变量会搅成一团。而var就是用于这个目的。

数据库指南:关于DB2常用技巧解析
  DB2数据库操作是开发人员经常接触到的,是我们最常用的数据库之一,下面就教您一个DB2删除数据时的小技巧,如果您对DB2删除数据方…
  • 好学考试H5触屏版开放内测
  • 好学触屏公众号虎力全开、杨帆起航!