随着 JavaScript 语言的不断发展，前端开发中的一些常见问题也变得越来越复杂。为了更好地解决这些问题，ES9 增加了许多新的特性，包括对象函数。本文将介绍 ES9 中的对象函数，包括其定义、用法以及示例代码。
什么是对象函数
对象函数是一种以对象作为上下文的函数。在 JavaScript 中，对象是一种复合数据类型，即可以包含各种属性和方法。对象函数就是将函数与对象进行结合，使其可以在对象的上下文中调用，并且可以访问对象的属性。
对象函数的定义
定义对象函数非常简单，只需要将函数赋值给对象的属性即可。例如：
const obj = {
name: 'Tom',
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};在上面的例子中，我们定义了一个名为 greet 的函数，它使用 this.name 访问了对象 obj 中的属性 name。
对象函数的用法
对象函数可以通过两种方式调用：点运算符和 call()、apply() 函数。例如：
obj.greet(); // Hello, my name is Tom
const obj2 = {
name: 'Jerry'
};
obj.greet.call(obj2); // Hello, my name is Jerry通过点运算符调用对象函数时，函数中的 this 关键字将指向对象本身。而通过 call() 或 apply() 函数调用时，可以将上下文对象作为参数传递进去，来改变 this 指向的对象。
此外，对象函数还可以作为回调函数使用。例如：
const arr = [1, 2, 3];
arr.forEach(function(num) {
console.log(num * 2);
});在上面的例子中，我们将一个匿名函数作为 forEach() 方法的回调函数，该函数中的 this 关键字将指向数组 arr。
对象函数的示例代码
下面给出一个完整的示例代码，演示了如何使用对象函数来遍历并处理对象数组中的元素：
-- -------------------- ---- -------
----- ----- - -
-
----- ------
---- --
--
-
----- --------
---- --
--
-
----- -------
---- --
-
--
----- ---------- - ---------- -
------------------------- -- ----------- ----- ------
--
--- ---- - - -- - - ------------- ---- -
----- ---- - ---------
--------------- - -----------
------------------
-在上面的代码中，我们定义了一个名为 users 的对象数组，其中包含了多个用户对象，每个用户对象包含了名字和年龄属性。我们还定义了一个名为 handleUser 的函数，它使用 this 关键字访问了用户对象中的 name 和 age 属性。
然后我们使用 for 循环遍历了 users 数组，并将 handleUser 函数赋值给了每个用户对象的 handleUser 属性，这样每个用户对象都拥有了 handleUser 方法。
最后我们调用了每个用户对象的 handleUser 方法，实现了对用户的遍历并输出了每个用户的名字和年龄。
总结
ES9 中的对象函数可以方便地将函数与对象进行结合，使其可以在对象的上下文中调用，并且可以访问对象的属性。在实际的开发中，对象函数能够大大地减少代码的复杂度，提高代码的可维护性和可读性。希望本文能够对大家了解和使用对象函数有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6459a478968c7c53b0bc0822