JavaScript 函数
JavaScript函数 用于执行操作。我们可以多次调用JavaScript函数以重复使用代码。
JavaScript函数的优点
JavaScript函数主要有两个优点。
- 代码可重用性 :我们可以多次调用函数,从而节约编码工作。
- 编码量减少 :它使得我们的程序更简洁。我们无需每次编写很多行代码来执行公共任务。
JavaScript函数语法
声明函数的语法如下所示。
function functionName([arg1, arg2, ...argN]){
//code to be executed
}
JavaScript函数可以有0个或多个参数。
JavaScript函数示例
让我们看一个简单的例子,展示了JavaScript中没有参数的函数。
<script>
function msg(){
alert("hello! this is message");
}
</script>
JavaScript函数参数
我们可以通过传递参数来调用函数。让我们看一个只有一个参数的函数的例子。
<script>
function getcube(number){
alert(number*number*number);
}
</script>
带有返回值的函数
我们可以调用返回值的函数,并在程序中使用它。让我们看一个返回值的函数的示例。
<script>
function getInfo(){
return "hello javatpoint! How r u?";
}
</script>
<script>
document.write(getInfo());
</script>
JavaScript函数对象
在JavaScript中,Function构造函数的目的是创建一个新的函数对象。它在全局范围内执行代码。然而,如果直接调用构造函数,会以不安全的方式动态创建一个函数。
语法
new Function ([arg1[, arg2[, ....argn]],] functionBody)
参数
arg1, arg2, …. , argn - 它代表了函数使用的参数。
functionBody - 它代表了函数的定义。
JavaScript函数方法
让我们来看看带有描述的函数方法。
方法 | 描述 |
---|---|
apply() | 用于调用一个包含此值和一个参数数组的函数。 |
bind() | 用于创建一个新的函数。 |
call() | 用于调用一个包含此值和一个参数列表的函数。 |
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