你认为 JavaScript 函数是对象方法吗？

与其他语言相比，JavaScript 的工作方式有所不同，尤其是在函数和方法之间感到困惑时。在本教程中，我们将学习 JavaScript 函数是否为对象方法。本教程中编写的示例可以让您更好地了解它们之间的区别以及哪一个对我们更方便。

什么是 JavaScript 函数？

函数通常用于定义我们想要执行的特定任务。它是一组指令，每个函数都有其代码块。函数也可以通过对这些参数执行所需的操作来拥有参数。

语法

以下是 JavaScript 函数的语法。

function name_of_function(parameters){
   //body of function
      //scope of function
}

什么是方法？

方法类似于函数，但它总是为对象定义的，这意味着它是对象的属性。通过使用方法，我们可以操作对象的其它属性。我们不能在对象的代码块之外定义任何方法。

语法

以下是 JavaScript 对象方法的语法。

Var  variable = {
   //properties
   Method : function()
   {
      //body of method
   }
}

函数和方法的区别

JavaScript 函数不需要任何对象作为引用来调用，因为函数不与任何特定对象绑定。但是，在调用方法时，我们必须传递一个对象作为引用。对象包含所有属性，因此我们可以通过方法来操作它。

如果用户想要赋值函数或方法返回的任何值，则在代码中调用（调用）它们的语法是不同的。

语法

以下是调用函数的语法。

Var variable = name_of_funciton( parameter );
// calling the function
Name_of_function( parameter );

语法

以下是调用对象方法的语法。

Var variable = obj.method(parameter);
//invoking the object an method
Obj.method(parameter);

在此语法中，“obj”是一个包含“method”作为属性的对象。

示例

在下面的示例中，我们将创建对象 = ‘info’，以及函数 = ‘getinfo’。然后我们将创建对象的以下属性：‘name’，‘IMDB’，‘getname’，‘getIMDB’，‘information’。

此外，我们将调用函数和对象方法进行演示。

<html>
<head>  
</head>
<body>
   <h2> Do you think JavaScript Functions are Object Methods? </h2>
   <div>
      <h4> When we call <i> functions </i> </h4>
      <p> getting info about series : <span id = "seriesfunction"> </span> </p>
   </div>
   <div>
      <h4> When we call <i> methods </i> </h4>
      <p> getting info about series : <span id = "seriesmethod" > </span> </p>
   </div>
   <script>
      //making an object
      var info = {
         name:"pending",
         IMDB:00,
         getname: function(NAME) {
            this.name=NAME;
         },
         getIMDB: function(imdb) { 
            this.IMDB=imdb;
         },
         information: function() // this are methods of object info
         {
            return this.name  + " " + "IMDB : " + this.IMDB; 
         }
      };
      info.getname('money_heist');
      info.getIMDB(8.2);
      document.getElementById("seriesmethod").innerHTML = info.information();

      //creating an function
      function getinfo(name_,imdb_rate) {
         let series_name=name_;
         let rate=imdb_rate;
         return series_name  + " " + "IMDB : " + rate;
      }
      
      // assigning the value of function to the variable
      var series = getinfo('stranger_things',8.7); 
      document.getElementById("seriesfunction").innerHTML = series;
   </script>
</body>
</html>

在上面的例子中，函数和方法的工作方式相同，但是定义方法和函数的方式并不相同。

因此，用户了解了函数和方法如何以不同的方式执行相同的工作。当我们处理同一元素的多个属性时，两者都有其自身的优势，方法工作效率更高；如果用户想要执行一些操作而不与任何对象属性组合，则应使用 JavaScript 函数。

更新于：2022年8月2日

147 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.