javascript学习(一)——基本语法(8)

来源:未知 责任编辑:责任编辑 发表时间:2013-11-26 22:14 点击:

清单21. 在函数中使用return语句


function add(_num1, _num2)  { 
     return _num1+_num2;   
}   
var num = add(10, 10); 
  document.write("num is: "+ num);  
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] +"  ");   

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++;   

var i = 0; 
while(i<10)  {
     document.write(i +"  ");     i++; 
}
 

可以注意到,while循环中的脚本包含了一行代码,该行代码叠加数值变量直到while循环中的条件为false为止。没有这行代码的话,你得到的就是一个无限循环。

结论

JavaScript语言可以说是最受欢迎的语言之一,现在你明白这是为什么了。这一简单而又丰富的脚本语言带来了如此之多的可能性,它提供的工具允许网站访问者和下载后的网页进行交互,这一功能非常的强大。本文为理解JavaScript语言的基本原理奠定了基础,现在对你来说,要了解JavaScript库函数的作用方式,以及如何使用它们来简化网页客户端逻辑的编写过程都应该是更容易的事了。接下来要做到事情就是把这些概念付诸实践,并开始探索JavaScript对象。

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1