📄 day1_4.html
字号:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312-80"><style type="text/css"><!--a:link { color: blue; text-decoration: none}a:visited { color: purple; text-decoration: none}a:hover { color: #CC0033; text-decoration: underline}--></style><title>JavaScript高级教程</title></head><body topmargin="1" leftmargin="2"><table border="0" width="591" cellspacing="0"> <tr> <td bgcolor="#ffff99" width="451">JavaScript高级教程 - 第一课</td> </tr> <tr> <td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td> </tr></table><div align="left"> <table border="0" width="630" cellspacing="0"> <tr> <td width="458" valign="top" align="left" rowspan="2"><small><small><br> </small></small><strong>第四页：<font face="宋体" size="3">什么是变量</font></strong> <p>这里是一个应用变量的例子： <br> var happiness = "a banana split";<br> <br> alert("The monkeys think happiness is " + happiness);<br> 这行代码声明一个叫做happiness的变量，然后在一个alert对<br> 话框中调用这个变量。如果你看过别人的JavaScript，你可能<br> 会注意到他们在声明变量时使用了var，这种用法可能会造成<br> 问题。首先，可能会造成有些版本的 MSIE瘫痪，或运行不正<br> 常。这种情况在Mac机上的MSIE最有可能发生。其次，如果你编<br> 写很复杂的JavaScripts，你必须编写你自己的函数，所以你必<br> 须了解变量的含义。</p> <p>正如上次的JavaScript 教程: 第四天中所述，函数是被调用后<br> 执行某特定功能的JavaScript 程序代码。最好的函数具有模块<br> 化的特性，你可以控制输入的变量以及输出的结果。而且一旦<br> 编好之后你就无需担心它会出问题，而且不会和别的函数发生<br> 冲突。要使编写地函数具备这些稳定的特性，你必须确保不要<br> 轻易改变那些作为参数传递给其他函数的变量. 下面对例子显<br> 示了如果你不注意这些细节会造成什么后果。假设我们编写一<br> 个程序将华氏温度转换为摄氏温度。点击华氏/摄氏来观察一下<br> 我所指的意思。如果你转换转换华氏50度，则会出现一条信息：<br> “华氏50度相当于摄氏10度。”以下是代码：</p> <p>function fahrenToCelsius(fare)<br> {<br> temp = (faren - 32) * 5/9;<br> return temp;<br> }<br> function convertTemp()<br> {<br> temp = prompt("what temperature fahrenheit? ","50");<br> celsius = fahrenToCelsius(temp);<br> alert(temp + " degrees Fahrenheit is " + <br> celsius + " degrees Celsius.");<br> } </p> <p>这个程序很简单。一个叫做convertTemp()得函数调用另外一个<br> 叫做fahrenToCelsius()并返回结果。如果你对本程序不是很懂，<br> 你需要重新学习以下上次的javasript教程第4日。</p> <p>关于这个例子让人困惑之处在两个函数中都有一个叫做temp得<br> 变量，在convertTemp()函数中它的作用 是储存华氏温度<br> Fahrenheit值 (由用户提供)。在fahrenToCelsius()函数中，<br> 它用于计算转换后灯摄氏温度值Celsius。这个不仅让我们感到<br> 困惑而且也会让这个Javascript程序感到困惑。如果你试图用<br> 变量运行这段代码就会发生下面的结果：如果你希望转换华氏<br> 50度，则会显示下面的信息："10 degrees Fahrenheit is 10<br> degrees Celsius."(华氏10度相当于摄氏10度)。为什么你输入<br> 的是华氏50度，而程序却将其理解为你输入了10度呢？我们来<br> 研究一下这个程序的执行过程。当我们调用函数convertTemp()<br> 并在提示栏中输入了"50"时，我们得到temp = 50;然后"temp"<br> 被传递给函数farenToCelsius()。在farenToCelsius()中，参<br> 数faren被设定为50，而"temp" 被设定为(50 - 32) x 5/9, 其<br> 结果是10。在返回结果之前，各项参数值是：</p> <p>faren = 50<br> temp = 10</p> <p>现在farenToCelsius()将10返回给变量celsius: </p> <p>temp = 10<br> celsius = 10</p> <p>现在我们得到一个错误的语句： "10 degrees Fahrenheit is 10<br> degrees Celsius"。如果你仔细一些，不要将两个函数中等变<br> 量起同样的名称就可以避免这些问题。但这也不是最佳解决<br> 方案。当你不断加入更多的函数时，很难确保你不会将函数中<br> 的变量重名。而且如果你重复使用许多变量名例如loop,index,<br> count, 和the_name时，使用不同的名称实在是一个很令人头疼<br> 的事。</p> <p>最好的解决办法是让JavaScript明白在fahrenToCelsius()函数<br> 中用到达变量temp和在convertTemp() 函数中用到的变量temp<br> 是两码事。如果每个函数都有只应用于本函数内部的变量temp<br> 你就无需担心不同函数中的同名变量会搅成一团。而var就是用<br> 于这个目的。<a href="day1_5.html">>></a></p> <p><font face="宋体" size="3" color="#000000"><strong>JavaScript高级教程</strong></font><font color="#FF0000" face="宋体" size="3"><br> </font><font face="宋体" size="3"><font color="#FF0000">第一页</font> <a href="day1_4.html">Javascript高级教程</a><br> <font color="#FF0000">第二页</font> <a href="day1_2.html">本教程的课程计划</a><br> <font color="#FF0000">第三页</font> <a href="day1_3.html">一个if-then-else的快捷方式</a><br> <font color="#FF0000">第四页</font> 什么是变量<br> <font color="#FF0000">第五页</font> <a href="day1_5.html">变量的使用方法</a></font></p> <p><font size="3">[第1课][<a href="day2_1.html">第2课</a>][<a href="day3_1.html">第3课</a>][<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</font></p> <hr align="left"> <!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan --> <p><font face="verdana, arial, geneva, sans-serif" size="2"><a href="http://phtshop.yeah.net" target="_top">本文根据 网猴 相关文章改编，版权归原作者所有。</a> </font><font color="#000000"><span class="smallfont"></span></font></p> <!--webbot bot="Include" endspan i-checksum="15926" --> </td> </tr> <tr> </tr> </table></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -