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函数方法
让我们看一下带有描述的函数方法。
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