数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
服装设计
法学如何在 JavaScript 中将函数赋值给变量？
在本教程中，我们将学习如何在 JavaScript 中将函数赋值给变量。函数是可以快速重用的代码块，通常只需进行函数调用即可。在 JavaScript 中声明函数有两种方法，一种是命名函数，另一种是匿名函数。
大多数 JavaScript 程序员都熟悉命名函数，用户可以按照以下语法声明命名函数。
function function_name() { //function body }在上述语法中，用户可以看到，我们可以使用 function 关键字创建函数定义，后跟函数名。
现在，如果我们想将整个函数作为表达式赋值给变量怎么办？这里，我们有两种不同的方法来实现我们的目标。
创建匿名函数
创建箭头函数
创建匿名函数
匿名函数名称表明我们是在声明函数时不指定其标识，即函数名。
这是将函数赋值给变量的第一种方法。
创建匿名函数作为表达式工作，并在代码执行到达函数行时编译，而命名函数在代码执行开始时编译。
语法
程序员可以按照以下语法将匿名函数绑定到变量。
var a = function ( parameters ) {
// code to be executed
}在上述语法中，用户可以看到我们已将匿名函数的表达式赋值给变量“a”。此外，我们可以使用变量“a”调用函数并传递参数。
示例
在下面的示例中，我们将创建一个匿名函数并将其作为表达式赋值给变量。之后，我们将使用变量调用匿名函数。此外，我们将学习如何在匿名函数中传递参数。
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Anonymous Functions. </h2>
<p> We could assign the function to a variable</p>
<div id="func"></div>
<div id="demo"></div>
<script>
var a = function ( x, y ) {
return x + y;
}
let result = a(3, 5);
document.getElementById("func").innerHTML = "var a = " + a
document.getElementById("demo").innerHTML = "a(3, 5) = " + result;
</script>
</body>
</html>在上述输出中，用户可以看到它呈现了使用变量“a”进行函数调用返回的结果。
创建箭头函数
将函数赋值给变量的第二种方法是箭头函数。它与上述方法类似，但不同之处在于我们将创建一个不使用“function”关键字的匿名函数，并使用箭头代替。
箭头函数是 JavaScript 中声明函数的最短语法，它使程序员编写函数的任务更容易。它是 ES6 中引入的匿名函数的最新版本。
程序员可以使用var、let 或 const关键字创建一个单变量，并将函数表达式赋值给它。但是，建议使用const关键字创建变量来赋值函数，因为函数表达式始终保持不变。
语法
用户可以按照以下语法编写箭头函数表达式。
const variable = ( …parameters ) => {
// function body
}
Variable( parameters ); // invoke the arrow function.在上述语法中，用户可以看到我们是如何在不使用 function 关键字的情况下声明箭头函数表达式的。
示例
在下面的示例中，我们将创建带参数的箭头函数。此外，我们将将其赋值给变量并通过变量调用它。
<html>
<body>
<h2> JavaScript Arrow Functions. </h2>
<div>
<p> We assign arrow function to a variable func.</p>
<p id="demo1"> </p>
<p id="demo2"> </p>
</div>
<script>
let demoOutput = document.getElementById("demo1");
const func = (x, y, z) => {
return x + y + z;
}
let result = func(10, 502, 340);
document.getElementById("demo1").innerHTML = "const func =" + func;
document.getElementById("demo2").innerHTML = "func( 10, 502, 340 ) =" + result;
</script>
</body>
</html>在上述输出中，用户可以看到，当我们使用变量调用箭头函数时，它会打印箭头函数返回的任何结果。
结论
我们学习了将函数表达式赋值给变量的两种不同方法。第一种方法是使用匿名函数，这在 ES5 中也是可能的。在 ES6 中，引入了箭头函数来创建匿名函数并将其赋值给变量。
建议使用箭头函数，因为它比匿名函数更简洁。
24K+ 浏览量
