ECMAScript 2017 中新增 Method definition syntax 解析-JavaScript中文网-JavaScript教程资源分享门户

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