Javascript中的方法和匿名方法实例详解

Javascript中的方法和匿名方法实例详解

在Javascript中，方法和匿名方法是非常常用的函数形式。本文将详细讲解这两种函数的概念，区别，用法和实例。

方法

概念

方法就是被绑定到某个对象上的函数，在一个对象上定义一个方法，就是在对象上添加一个函数属性。

语法

对象名.方法名 = function(参数) {
  // 函数体
}

其中，对象名就是方法要加到的对象的变量名；方法名是添加的方法的名称；参数是函数所接受的参数。

实例

以下是一个实现一个计算圆的面积的方法的示例：

// 定义一个对象
var circle = {
  r: 2,  // 半径属性
  area: 0,  // 面积属性
  calcArea: function() {  // 定义计算面积的方法
    this.area = Math.PI * this.r * this.r;
  }
};

// 调用方法
circle.calcArea();  // 计算圆的面积
console.log(circle.area);  // 输出面积

匿名方法

概念

匿名方法是没有名称的函数，可以直接赋值给变量，或者作为参数传递给其他函数。

语法

var 变量名 = function(参数) {
  // 函数体
};

其中，变量名就是匿名方法的函数名，参数是函数所接受的参数。

实例

以下是一个使用匿名方法计算加法和乘法的示例：

var calculator = {
  add: function(a, b) {
    return a + b;
  },
  multiply: function(a, b) {
    return a * b;
  }
}

var num1 = 10;
var num2 = 5;

var result1 = calculator.add(num1, num2);  // 调用加法函数
console.log(result1);

var result2 = calculator.multiply(num1, num2);  // 调用乘法函数
console.log(result2);

在这个示例中，我们用一个对象定义了两个匿名方法：加法方法和乘法方法。通过调用这两个方法，我们可以实现加法和乘法的计算。