ECMAScript 2017 中新增 Method definition syntax 解析
ECMAScript 2017 又被称为 ES8，是 JavaScript 的一个重要更新版本。在该版本中，新增了一种方法定义语法，即 Method definition syntax，可以更加简洁地定义对象方法。本文将对该语法进行详细解析，帮助读者理解使用该语法的优点以及正确使用该语法的方法。
Method definition syntax 的语法
Method definition syntax 的语法如下所示：
--- --- - -
-------- -
-- ------ ----
-
--其中，method() 是方法名，() 是参数列表，{} 是方法体，可以在其中编写方法的逻辑。
Method definition syntax 的优点
使用 Method definition syntax 的一大优点是代码更加简洁明了。传统的定义对象方法的方法是使用 function 关键字，例如：
--- --- - -
------- ---------- -
-- ------ ----
-
--使用 method() 语法后，可以省略 function 关键字，方法体直接放在 {} 内，使代码更加简洁明了。
另一个优点是 method() 语法可以更好地与箭头函数结合使用。在 ES6 中，箭头函数的语法为 () => {}，如果要定义一个箭头函数作为对象的属性，可以使用传统的定义方法：
--- --- - -
------- -- -- -
-- ------ ----
-
--使用 method() 语法后，可以直接定义一个箭头函数，而不需要特别注意箭头函数的语法，使代码更加简洁易读。
Method definition syntax 的使用方法
在使用 Method definition syntax 时，需要注意以下几点：
- 方法名和参数列表需要紧贴
()内，中间不允许有空格； - 方法名可以使用表达式，但是表达式需要用
[]包含在内； - 与传统的定义方法一样，
method()方法内的this关键字指向调用该方法的对象。
示例代码
下面的示例展示了使用 Method definition syntax 定义一个对象方法的过程：
-- ------------
--- ---- - -
------- ---------- -
------------------ --------
-
--
--------------
-- -- -------- --------
--- ---- - -
-------- -
------------------ --------
-
--
--------------
-- -------- -------------
--- ---- - -
--------- - --------- -
------------------ --------
-
--
------------------
-- -------- ----- ---- ---
--- ---- - -
----- ------
-------- -
------------------ - - -----------
-
--
--------------以上示例展示了 method() 语法的常规用法，模板字符串等其他语法也同样适用于该定义方式。
结论
Method definition syntax 是 ECMAScript 2017 的一个重要更新，它可以使代码变得更加简洁，同时也与箭头函数结合更加紧密。我们可以更加方便地用 method() 语法定义对象方法，并且注意 method() 方法内的 this 关键字指向调用该方法的对象。在代码编写中，我们应该多加使用 method() 语法，提高代码的可读性和简洁性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670789d8d91dce0dc869d6fb