(共558篇)
全部分类

JS中函数的声明与使用
[ JS基础 ] 

JS 中函数的声明与调用

当一段代码需要在多个位置"重复使用"的时候,可以使用函数把这段代码“封装”起来。比如之前“for 循环输出直角三角形”的案例,如果想更为方便、快捷的连续输出 2 个不同行数的三角形,就可以使用函数来实现:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
function triangle(sum) {
  for (var m = 1; m <= sum; m++) {
    for (var n = 1; n <= m; n++) {
      document.write('');
    }
    document.write('<br/>');
  }
}
triangle(5);
triangle(10);

声明一个函数

1
2
3
4
// 声明一个函数
function 函数名() {
  // 函数体...
}

如上所示,关键字function用来声明后面是一个函数,函数名是必须有的,大括号内是需要被重复执行的代码块。要注意:

函数其实也是一个变量,上面的函数也可以这么写:

1
2
3
var 函数名 = function () {
  // 代码块
};

执行函数

可以使用函数名()的格式执行一次函数内的代码块,也可以说是函数被调用了一次。 函数每次被调用,函数中的代码块都会被执行一次。下面的案例中。函数sum被调用了 2 次,开发工具的控制台中会输出两次数字1

1
2
3
4
5
6
7
<script>
  function sum() {
    console.log(1);
  }
  sum();
  sum();
</script>

案例代码

声明一个纯函数