JavaScript入门之语言基础(1)(3)
函数
有许多理由可用来证明函数是很有用的。函数是那些只能由事件或是函数调用来执行的脚本的容器,因此,在浏览器最初加载和执行包含在网页中的脚本的时候,函数并没有被执行。函数的目的是包含那些要完成某个任务的脚本,这样你就随时都能够执行该脚本和运行该任务。
构建一个函数很容易,其以function这一关键字作为开始,接着是一个空格,然后是函数的名称。你可以选择任何的字串来作为函数的名称,不过让函数的名称和其要执行任务之间有某种关联意思是很重要的。清单19给出了一个函数例子,该函数修改一个现有变量的值。
清单19. 构建一个简单的函数
- var num = 10;
- function changeVariableValue()
- {
- num = 11;
- }
- changeVariableValue();
- document.write("num is: "+ num);
清单19中的例子不仅说明了如何构建一个函数,还说明了如何调用函数来修改变量的值。在这一例子中你能够修改变量的值是因为,变量是在主脚本范围里做声明的,函数也是一样,因此函数知道变量的存在。然而,如果变量是在函数的内部做声明的话,那么在函数的外部你是不能访问该变量的。
函数还能够通过函数的参数来接受数据,函数可以有一个或多个形式参数,函数调用基于函数的形式参数个数可以有一个或多个实际参数。形式参数(形参,parameter)和实际参数(实参,argument)常会被弄混;形参是函数定义的组成部分,而实参则是在调用函数时用到的表达式。清单20给出了一个函数例子,该函数带有形参,函数调用则用到了实参。
清单20. 使用函数参数
- var num = 10;
- function increase(_num)
- {
- _num++;
- }
- increase(num);
- document.write("num is: "+ num);
这一例子中的函数递增了任何传递给它的实际参数的值,该例中的实际参数是一个你已预先声明了的变量。通过把它作为一个实际参数传递给函数,你把它的值递增成了11。
return语句在函数中也是常被用到的,它们在执行完函数中的脚本后返回一个值。例如,你可以把函数返回的值赋给一个变量。清单21中的例子说明了在执行脚本之后,如何从函数中返回一个值。
清单21. 在函数中使用return语句
- function add(_num1, _num2)
- {
- return _num1+_num2;
- }
- var num = add(10, 10);
- document.write("num is: "+ num);
这一脚本的结果是“num is: 20”。这一函数的好处是,它可以把你传递给它的任意两个数字相加并返回相加后的值,你可以把该值赋给任何变量,而不是像清单20那样总是改变同一个变量的值。
循环
正如你已经见到的那样,数组是存储大量可重用数据的一种很棒的方式。但这不过是一个开始;for和while循环提供了遍历这些数组、访问它们的值和使用它们来执行脚本的功能。
JavaScript语言中最常用到的循环类型是for循环。for循环通常是这样构成的,先是一个赋了数值的变量,然后该变量使用一个比较运算符来和另一个值做比较,最后该数字值被递增或是递减。for循环中的比较通常是确定初始变量的数值是否小于或是大于另一个数值,接着在条件为true的这段时间内,循环运行,变量递增或是递减直到条件的计算结果为false。清单22给出的例子说明了如何编写一个for循环,当数值小于数组的长度时循环运行。
清单22. 构建一个for循环并遍历一个数组
- var colors = new Array("orange", "blue", "red", "brown");
- for(var i=0; i
- {
- document.write("The color is: "+ colors[i] +"
- ");
- }
数组的length属性提供了一个与数组中的子项个数相等的数值,再一次说明,这里容易让你出错的一点是,数组的ID是从0开始的,因此,如果数组中有4个子项的话,长度就是4,但数组中的索引则是0、1、2和3——没有4。
另一种循环类型是while循环,它们的执行速度比for循环快,但适用在一些不是遍历数组的情况中,比如说当某个条件为true时执行某个脚本。清单23展示了如何编写这样的一个while循环,即当数值变量小于10时执行某个脚本。
清单23. 构建while循环
- var i = 0;
- while(i<10)
- {
- document.write(i +"
- ");
- i++;
- }
可以注意到,while循环中的脚本包含了一行代码,该行代码叠加数值变量直到while循环中的条件为false为止。没有这行代码的话,你得到的就是一个无限循环。
结论
JavaScript语言可以说是最受欢迎的语言之一,现在你明白这是为什么了。这一简单而又丰富的脚本语言带来了如此之多的可能性,它提供的工具允许网站访问者和下载后的网页进行交互,这一功能非常的强大。本文为理解JavaScript语言的基本原理奠定了基础,现在对你来说,要了解JavaScript库函数的作用方式,以及如何使用它们来简化网页客户端逻辑的编写过程都应该是更容易的事了。接下来要做到事情就是把这些概念付诸实践,并开始探索JavaScript对象。
原文:http://article.yeeyan.org/view/213582/210738






