Array.prototype.at() 方法是JavaScript中的一个新方法，它允许您通过索引访问数组中的元素，而无需使用方括号和数字。这个方法接受一个整数作为参数，并返回该索引处的元素。如果指定的索引超出数组的范围，则返回 undefined。

以下是一个使用at()方法的简单示例：

const array = ['apple', 'banana', 'orange'];  
console.log(array.at(1)); // 'banana'  
console.log(array.at(2)); // 'orange'  
console.log(array.at(3)); // undefined

在这个例子中，我们有一个包含三个元素的数组。我们使用at()方法分别访问第二个和第三个元素。输出结果显示为 'banana' 和 'orange'。当我们尝试访问超出数组范围的第四个元素时，输出结果为 undefined。与方括号语法相比，at()方法的一个优点是它允许使用负数索引从数组的末尾开始访问元素。例如：

const array = ['apple', 'banana', 'orange'];  
console.log(array.at(-1)); // 'orange'  
console.log(array.at(-2)); // 'apple'

在这个例子中，我们使用at()方法分别访问最后一个元素和倒数第二个元素。输出结果显示为 'orange' 和 'apple'。我们可以使用负数索引来从数组的末尾开始访问元素，这使得代码更简洁易读。

JavaScript 数组的索引是从0开始的，第一个元素的索引为0，最后一个元素的索引等于该数组的长度减1。在之前，我们一般使用方括号通过索引访问数组元素：array[index]，如果指定的索引是一个无效值，JavaScript 数组并不会报错，而是会返回 undefined。

const array = ['this is the first element', 'this is the second element', 'this is the last element'];
console.log(arr[0])              // logs 'this is the first element'
console.log(arr[1])              // logs 'this is the second element'

在大多数情况下，方括号语法是通过正索引访问数组元素的好方法。但有时我们希望从末尾而不是从头开始访问元素。例如，访问数组的最后一个元素：

const array = ['this is the first element', 'this is the second element', 'this is the last element'];
console.log(arr[arr.length - 1]) // logs 'this is the last element'

现在，数组提供了一个新的方法来访问数组元素：Array.prototype.at()。at() 方法接收一个整数值并返回该索引的项目，允许正数和负数。负整数从数组中的最后一个项目开始倒数。方括号符号没有问题，但对于后面的项目，可以调用array.at(-1)，无须再访问 array.length (参见以下示例)：

const array1 = ['this is the first element', 'this is the second element', 'this is the last element'];

console.log(arr.at(0))              // logs 'this is the first element'
console.log(arr.at(-2))             // logs 'this is the second element'
console.log(arr.at(-1))             // logs 'this is the last element'

上面的例子凸显了 at() 方法的简洁性和可读性。