如何使用变量名加载 JavaScript 函数？

在本教程中，我们将学习如何使用变量名加载 JavaScript 函数。

函数是一段代码块，它接收输入并在执行后向用户显示结果。我们可以通过仅声明函数来重复使用这些代码块，并且这些函数可以以多种方式帮助程序员，因为它还可以减少工作量。

JavaScript 也像其他编程语言一样支持函数的使用。JavaScript 中的函数可以是内置函数或用户定义函数。

声明和调用函数的方法有很多种。通常，一个简单的函数使用其名称在程序的任何地方调用自身。但也有其他方法可以调用函数。让我们看看如何使用变量名加载 JavaScript 函数。

以下是允许我们使用变量名加载 JavaScript 函数的函数类型

  • 匿名函数

匿名函数

通常，我们会为函数指定一个名称。匿名函数是没有名称的函数。我们只使用带有括号的 function 关键字来声明匿名函数，而不添加名称。

我们不能仅仅通过声明匿名函数来访问它。我们必须将此函数存储为变量中的一个值。然后，我们可以使用该变量来调用函数。用户可以按照下面给出的语法使用匿名函数来使用变量名加载 JavaScript 函数：

语法

function() {
   // Function Body
}
//Using Arrow function
var var1= ()=>{
   //Function Body
};
//Calling function
var var_name=function() {
   // Function Body
};
var_name();

示例 1

在本例中，我们使用了匿名函数来使用变量名加载 JavaScript 函数。

<html>
<body>
   <p> Use <i> Anonymous function </i>to load a JavaScript function using
   the name of a variable. </p>
   <div id="div1"></div>
   <script>
      var anonymous = function() {
         return "This is anonymous function";
      };
      document.getElementById("div1").innerHTML = anonymous();
   </script>
</body>
</html>

在输出中，您可以看到我们使用了匿名函数来使用变量名加载 JavaScript 函数。

示例 2

在本例中，我们使用了带有箭头函数的匿名函数来使用变量名加载 JavaScript 函数。

<html>
<body>
   <div id = "div1"></div>
   <script>
      var divide = ()=> {
         return 34/12;
      };
      document.getElementById("div1").innerHTML = divide();
   </script>
</body>
</html>

在这里您可以看到我们使用了带有箭头函数的匿名函数来使用变量名加载 JavaScript 函数。

示例 3

在本例中，我们使用了匿名函数来通过单击按钮使用变量名加载 JavaScript 函数。

<html>
<body>
   <p> Click the "Click here" button to execute anonymous fucntion </p>
   <button onclick = "anonymous()">Click here</button>
   <div id="div1"></div>
   <script>
      var element = document.getElementById("div1");
      var anonymous = function() {
         var new_element = document.createElement('p');
         var text = document.createTextNode("Executing Anonymous function
         on click");
         new_element.appendChild(text);
         element.appendChild(new_element);
      };
   </script>
</body>
</html>

在输出中，您可以看到我们使用了匿名函数来通过单击按钮使用变量名加载 JavaScript 函数。我们通过单击按钮在屏幕上打印了一条消息。

我们学习了如何使用匿名函数，使用它我们可以使用变量名加载 JavaScript 函数。我们还使用了箭头函数来声明匿名函数。

更新于： 2022-09-15

1K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告