如何使用变量名加载 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年9月15日

1K+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告