调用函数

功能分类： Functions Applab JavaScript 少儿编程

调用一个自定义的不带参数的函数。函数可以带返回值，也可以不带返回值。

当你定义一个函数时，相当于定义了一个以函数名称命名的一系列代码的集合。而当你调用这个函数时，实际调用的是跟这个函数名称相关联的一系列代码。

函数定义可以放在代码中的任何位置，有很多时候函数的定义并不依赖与它周围的代码。一般情况下把函数定义的代码放在那里并没有关系。你可以在代码中的任何位置来使用它，可以在定义之前，也可以在定义之后。把函数定义放在代码底部，调用函数的代码放在顶部，也是一种可以采用的编程习惯。

示例代码


// 调用一个画线的函数
longLine();

// 定义一个画线的函数
function longLine(){
  penDown();
  moveForward();
  moveForward();
  moveForward();
}

示例代码：画方框 多次调用函数，画一个方框。


// 多次调用函数，画一个盒子
longLine();
turnLeft();
longLine();
turnLeft();
longLine();
turnLeft();
longLine();
turnLeft();

// 定义一个画线的函数
function longLine(){
  penDown();
  moveForward();
  moveForward();
  moveForward();
}

示例代码：画盒子（升级版） 调用函数，画一个盒子。在前面代码基础上增加了一个 leftAngle() 函数，在函数里调用 longLine() 函数。通过这种方式减少之前的重复操作，让代码更简洁。


// 调用函数，画一个盒子
leftAngle();
leftAngle();

// 定义一个用来画两条边的函数
function leftAngle(){
  longLine();
  turnLeft();
  longLine();
  turnLeft();
}

// 定义一个画线的函数
function longLine(){
  penDown();
  moveForward();
  moveForward();
  moveForward();
}

示例代码：掷骰子 调用两次掷骰子函数，将两次点数和输出到控制台日志。


// 调用两次掷骰子函数，将两次点数和输出到控制台日志
console.log(rollDie() + rollDie());

// 使用 randomNumber 随机数方法，返回掷骰子随机点数
function rollDie() {
  var roll = randomNumber(1,6);
  return roll;
}

语法规则


// 没有返回值情况：
myFunction();
// 有返回值情况：
var returnValue = myFunction();

参数说明

一些函数不需要传递参数。

返回值

如果函数有返回值，你可以将返回值保存到一个变量里，或者将返回值作为参数传递给别的函数或方法使用。

提示说明

  • 使用函数的目的是，你可以将一些经常用到的功能放到一个函数里，在需要的地方直接调用。这样可以用更少的代码实现一次编写，多次使用。
  • 可以在一个函数里，调用另一个函数。
  • 如果一个函数没有定义返回值，在 JavaScript 里将返回 undefined 值。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页