Javascript教程
JavaScript基础
JavaScript Objects
JavaScript BOM
JavaScript DOM
JavaScript OOP
JavaScript Cookies
JavaScript事件
JavaScript异常
JavaScript常用

JavaScript函数

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

JavaScript函数的优点

JavaScript函数主要有两个优点。
代码可重用性:我们可以多次调用一个函数,以节省代码。 更少的编码:它使我们的程序紧凑,我们不需要每次都写很多代码来执行一项常见任务。

JavaScript函数语法

声明函数的语法如下。
function functionName([arg1, arg2, ...argN]){
  // 执行的代码
}
JavaScript函数可以有0个或多个参数。

JavaScript函数示例

让我们看一下JavaScript中没有参数的简单函数示例。
<script>
function msg(){
  alert("hello! this is message");
}
</script>
<input type="button" onclick="msg()" value="call function"/>

以上示例的输出

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 lidihuo! 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
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4