1. 主页
  2. 文档
  3. JavaScript 教程
  4. JavaScript基础教程
  5. JavaScript 函数

JavaScript 函数

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

JavaScript 函数的优势

JavaScript 函数主要有两个优点。

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

JavaScript 函数语法

声明函数的语法如下。

function functionName([arg1, arg2, ...argN]){ 
//code to be executed 
} 

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 javatpoint! How r u?"; 
} 
</script> 
<script> 
document.write(getInfo()); 
</script> 

JavaScript Function 对象

在 JavaScript 中,Function 构造函数的目的是创建一个新的 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

让我们看一个例子显示pow的功能。

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

输出:

8

 

这篇文章对您有用吗?