JavaScript教程-JavaScript 函数

JavaScript函数用于执行操作。我们可以多次调用JavaScript函数以重用代码。

JavaScript函数的优点

JavaScript函数主要有两个优点。

1. 代码重用性：我们可以多次调用函数，这样可以节省编码。
2. 减少代码量：它使我们的程序更加紧凑。我们不需要每次都编写很多行代码来执行常见的任务。

JavaScript函数语法

声明函数的语法如下：

function 函数名([参数1, 参数2, ...参数N]) {
  要执行的代码
}

JavaScript函数可以有0个或多个参数。

JavaScript函数示例

让我们看一个简单的JavaScript函数示例，它没有参数。

<script>
function msg() {
    alert("hello! this is message");
}
</script>
<input type="button" onclick="msg()" value="call function">

上面示例的输出

点击按钮将弹出一个提示框显示消息"hello! this is message"。

JavaScript函数参数

我们可以通过传递参数来调用函数。让我们看一个具有一个参数的函数的示例。

<script>
function getcube(number) {
    alert(number * number * number);
}
</script>
<form>
<input type="button" value="click" onclick="getcube(4)">
</form>

上面示例的输出

点击按钮将弹出一个提示框，显示传入参数的立方值。

返回值的函数

我们可以调用返回值的函数并在程序中使用它。让我们看一个返回值的函数的示例。

<script>
function getInfo() {
    return "hello javatpoint! How r u?";
}
</script>
<script>
document.write(getInfo());
</script>

上面示例的输出

显示消息"hello javatpoint! How r u?"。

JavaScript函数对象

在JavaScript中，Function构造函数的目的是创建一个新的函数对象。它在全局范围内执行代码。但是，如果我们直接调用构造函数，将会动态地创建一个函数，但存在安全性问题。

语法

new Function ([参数1[, 参数2[, ....参数n]],] functionBody)

参数

• 参数1, 参数2, .... , 参数n：表示函数使用的参数。
• functionBody：表示函数定义。

JavaScript函数方法

让我们看看具有说明的函数方法。

方法	描述
apply()	用于调用包含this值和单个参数数组的函数。
bind()	用于创建新的函数。
call()	用于调用包含this值和参数列表的函数。
toString()	以字符串形式返回结果。

JavaScript函数对象示例

示例1

看一个示例，显示给定数字的总和。

<script>
var add = new Function("num1", "num2", "return num1 + num2");
document.writeln(add(2, 5));
</script>

输出：

7

示例2

看一个示例，显示给定值的幂。

<script>
var pow = new Function("num1", "num2", "return Math.pow(num1, num2)");
document.writeln(pow(2, 3));
</script>

输出：

8