网站精神文明建设专栏,租服务器去哪里租,做网站同行,做网站 多少人Javascript 函数介绍 很多教程书一上来就讲解一堆语法#xff0c;例如函数定义、函数调用什么。等读者看完了函数这一章都没搞懂什么是函数。
在讲解什么叫函数之前#xff0c;我们先看下面一段代码#xff1a;
!DOCTYPE html
html xmlnshttp://www.w3.…Javascript 函数介绍 很多教程书一上来就讲解一堆语法例如函数定义、函数调用什么。等读者看完了函数这一章都没搞懂什么是函数。
在讲解什么叫函数之前我们先看下面一段代码
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml
headtitle/titlescript typetext/javascriptvar sum0;for(var i1;i50;i2){sumi;}document.write(50以内所有奇数和为sum);/script
/head
body
/body
/html
大家一看就知道了上面代码实现的是50以内所有奇数的和。如果要分别计算50以内所有奇数和以及100以内所有奇数和那读者该怎么实现。很多人很快就写了以下代码
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml
headtitle/titlescript typetext/javascriptvar sum10;for(var i1;i50;i2){sum1i;}document.write(50以内所有奇数和为sum1);document.write(br/);var sum20;for(var j1;j100;j2){sum2j;}document.write(100以内所有奇数和为sum2);/script
/head
body
/body
/html
那我现在问一个问题如果我要你实现50以内所有奇数和、100以内所有奇数和、150以内奇数和、200以内所有奇数和、250以内所有奇数和。那你岂不是要每次都重复编写次类似的代码要是没有一种简单的实现方法俺们这些程序猿还用活的
为了解决减轻这种重复编码的负担函数这种东西就应运而生。例如实现上面5个范围以内的实现方式如下
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml
headtitle/titlescript typetext/javascript//定义函数function sum(n){var m0;for(var i1;in;i2){mi;}document.write(n以内所有奇数和为mbr/);}//调用函数计算50以内所有奇数的和sum(50);//调用函数计算100以内所有奇数的和sum(100);//调用函数计算150以内所有奇数的和sum(150);//调用函数计算200以内所有奇数的和sum(200);//调用函数计算250以内所有奇数的和sum(250);/script
/head
body
/body
/html
在浏览器预览效果如下 大家可以看到使用函数可以减少大量重复工作而函数只需要采用简单2步就可以实现了
1定义函数2调用函数
现在大家都知道函数是怎么一回事了我们来总结一下函数就是一个一系列JavaScript语句的集合这是为了完成某一个会重复使用的特定功能。在需要该功能的时候直接调用函数即可而不必每次都编写一大堆重复的代码。并且在需要修改该功能的时候也只要修改和维护这一个函数即可。
总之将语句集合成函数好处就是方便代码重用。并且一个好的函数名可以让人一眼就知道这个函数实现的是什么功能方便维护。
在接下来的课程中我们来给大家详细讲解编程的一大利器——函数。
