对象内的函数 JavaScript

在 JavaScript 中，对象可以定义并存储函数作为其属性。这些属性函数叫做对象方法。

定义对象方法

要定义对象方法，需要将函数字面量赋值给对象的属性。例如：

let myObject = {
  myMethod: function() {
    console.log("Hello world!");
  }
};

这里，我们定义了一个名为 myMethod 的函数，并将其作为 myObject 的一个属性存储。

调用对象方法

要调用对象方法，只需使用点符号引用该方法所属的对象，然后使用括号调用方法。例如：

myObject.myMethod();

这里，我们使用 myObject 对象的 .myMethod() 方法。

this 关键字

在对象方法中，this 关键字是一个很重要的概念。this 引用了当前正在调用方法的对象。例如：

let myObject = {
  myProperty: "Hello",
  
  myMethod: function() {
    console.log(this.myProperty);
  }
};

myObject.myMethod();

这里，this 引用了 myMethod 被调用的对象 myObject。因此，函数输出了 myObject 中属性 myProperty 的值。

箭头函数

箭头函数是 ES6 中引入的新函数类型，可以用来定义对象方法。例如：

let myObject = {
  myMethod: () => {
    console.log("Hello world!");
  }
};

箭头函数的一个好处是可以省略 function 关键字，从而使代码更简洁。

绑定函数到对象

我们可以使用 bind() 方法显式地将函数绑定到对象，以确保 this 关键字正确地引用对象。例如：

let myObject = {
  myProperty: "Hello",
  
  myMethod: function() {
    console.log(this.myProperty);
  }
};

let myFunction = myObject.myMethod.bind(myObject);

myFunction();

这里，我们使用 .bind() 方法将 myFunction 函数绑定到 myObject 对象。然后我们调用 myFunction()，并通过 this 引用了 myObject 中的属性 myProperty。

总结

对象方法可以使我们的代码更加模块化，并可以消除重复的代码。通过正确使用 this 关键字和绑定函数，我们可以确保对象方法在各种情况下都能正常工作。