JS函数
Posted 惊风随笔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS函数相关的知识，希望对你有一定的参考价值。
函数，一段能够自动完成某些功能的代码块，函数的出现，既解决了重复使用重一功能的需求，又可以避免代码的臃肿性。
使用函数有两个要求：必须调用后才可以执行；函数名不要和关键字以及系统函数相同；
函数主要有三种，直接调用，参数传递，返回值。
第一种：直接调用：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆的面积</title> <script type="text/javascript"> //求任意一个圆的半径，得到面积 function mianji(){ var r=prompt("请输入圆的半径："); s=3.14*r*r; alert("圆的面积是"+s); } mianji(); </script> </head> <body> </body> </html>
参数传递：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆的面积</title> <script type="text/javascript"> //求任意一个圆的半径，得到面积 function miaji(r){ s=3.14*r*r; alert("圆的面积为:"+s); } miaji(2); miaji(3); </script> </head> <body> </body> </html>
但是在一般的前端开发中，使用的都是第三种，也就是返回值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数</title> <script type="text/javascript"> //返回值 function getSum(n,m){ var sum=0; for(var i=n;i<=m;i++){ sum+=i; } //返回计算的值 return sum; } console.log(getSum(1,100)); </script> </head> <body> </body> </html>
以上是关于JS函数的主要内容，如果未能解决你的问题，请参考以下文章