JavaScript 是一门十分活跃的编程语言，在经历了 ECMAScript5 和 ECMAScript6 后，JS 还在不断的更新换代，ES11 中加入了全新的 at() 函数，这个函数的用法对于前端开发来说非常有用，本文将详细介绍它的用法以及如何使用。
at() 函数是什么？
at() 函数是 Array.prototype 上的一个新增函数，它的作用是返回指定位置的元素，可以用于访问数组中的某一项。at() 函数接收一个参数，即下标位置，如果该下标位置不存在，则返回 undefined。
at() 函数的用法
我们可以看下面的示例代码，以加深对 at() 函数的理解：
----- --- - ----- ---- ---- ----- ----------------------- -- - ------------------------ -- - ----------------------- -- ---------
在这个示例中，我们定义了一个数组 arr，然后使用 at() 函数访问指定位置的元素。其中，at(2) 返回的是数组 arr 中位置为 2 的元素值 'c'，at(-3) 返回的是位置为 1 的元素值 'b'，at(5) 返回 undefined，因为位置为 5 的元素不存在。
注意：at() 函数可以接收负数作为参数，比如 at(-3)，表示倒数第三个元素，它的位置为 1。
at() 函数的指导意义
at() 函数提供了一种方便的方式，可以更加直观的访问数组中的某一个元素，这对于前端开发来说非常有用。在某些情况下，我们只需要访问数组中的某一个元素，而不是遍历整个数组，此时 at() 函数就大显身手了。
除此之外，at() 函数也可以用于解构数组，例如：
----- --- - ----- ---- ----- ----- ------- ------- ------ - ---- ------------------- -- - ----------------------- -- -
在这个示例中，我们使用解构赋值的方式获取数组 arr 中的前三个元素，然后使用 at() 函数取出第一个元素，得到的结果和解构赋值的结果是一致的。这种方式比传统的通过下标去取元素更加直观。
总结
通过本文的介绍，我们了解到 at() 函数的用法和作用，它提供了一种方便的方式，可以更加直观的访问数组中的某一个元素，同时也可以用于解构数组。因此，在前端开发中，我们可以更加灵活的应用它，提高编程效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652e6e787d4982a6ebf759d0