函数, 一段能够自动完成某些功能的代码块, 函数的出现, 既解决了重复使用重一功能的需求, 又可以避免代码的臃肿性. 使用函数有两个要求: 必须调用后才可以执行; 函数名不要和关键字以及系统函数相同;
函数主要有三种, 直接调用, 参数传递, 返回值.
1, 直接调用:
- <!DOCTYPE html>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- 圆的面积
- </title>
- </head>
- <body>
- <script type="text/javascript">
- // 求任意一个圆的半径, 得到面积
- function mianji() {
- var r = prompt("请输入圆的半径:");
- s = 3.14 * r * r;
- alert("圆的面积是" + s);
- }
- mianji();
- </script>
- </body>
- </HTML>
2, 参数传递:
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- 圆的面积
- </title>
- </head>
- <body>
- <script type="text/javascript">
- // 求任意一个圆的半径, 得到面积
- function miaji(r) {
- s = 3.14 * r * r;
- alert("圆的面积为:" + s);
- }
- miaji(2);
- miaji(3);
- </script>
- </body>
- </HTML>
3, 返回值 (在一般的前端开发中, 使用的都返回值):
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- 函数返回值
- </title>
- </head>
- <body>
- <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>
- </body>
- </HTML>
自己是一个 6 年的前端工程师, 希望本文对你有帮助!
这里推荐一下我的前端学习交流扣 qun:731771211 , 里面都是学习前端的, 如果你想制作酷炫的网页, 想学习编程. 自己整理了一份 2019 最全面前端学习资料, 从最基础的 HTML+CSS+JS[炫酷特效, 游戏, 插件封装, 设计模式] 到移动端 HTML5 的项目实战的学习资料都有整理, 送给每一位前端小伙伴, 每天分享技术
点击: 加入
来源: http://www.jianshu.com/p/edcf931fdc88