Javascript 解释调用函数

在本文中，我们将学习如何在Javascript中调用函数，并通过示例理解其实现。函数调用是一个在传递参数以便调用函数时执行函数代码的过程。您可以通过仅声明一次函数来多次调用函数。当函数被定义时，函数内部的代码不会被执行。通常使用“调用函数”而不是“调用函数”的术语是很常见的。尽管这两个术语之间有区别。当你进行函数调用时，你直接告诉该函数执行，而当你调用函数时，你是让某个东西执行该函数。例如，

functionName();

在这里，我们调用了函数，让它运行，通过直接调用函数。

语法：

function myFunction( var ) {
   return var;
}
myFunction( value );

在这里，通过调用myFunction，您调用了间接调用的value。

将函数作为方法调用： 可以将该函数定义为对象的方法。

语法：

var myObject = {
   var : value,
   functionName: function () {
       return this.var;
   }
}
myObject.functionName();

参数： 它包含两个上述提到并在下面进行描述的参数：

functionName（函数名）： functionName方法是一个函数，这个函数属于对象，myObject是这个函数的所有者。
this： 参数this 是拥有JavaScript代码的对象，在这个示例中，this的值是myObject。

我们将通过示例来理解上述概念。

示例1： 此示例使用函数调用来相加两个数字。

HTML

<h2 style="color:green">GeeksforGeeks</h2> 
<p> Function returns the addition of 10 and 15 </p> 
  
<p id="geeks"></p> 
  
<script> 
    function add(n1, n2) { 
        return(n1 + n2); 
    } 
    document.getElementById("geeks").innerHTML =  
    window.add(10, 15); 
</script>

输出:

Javascript 解释调用函数

示例2： 这个示例演示了使用this关键字指向当前对象。

Javascript

const obj={ 
    first_name:"Steve", 
    last_name:"smith", 
    name:function(){ 
        console.log(`Full name :  ${this.first_name}$ {this.last_name}`); 
    } 
}; 
obj.name();

输出：