at() 是 ES2025 引入的负索引访问方法，统一支持数组和字符串，-1 表示末尾元素，越界返回 undefined，不修改原数据，Chrome92+/Firefox90+/Safari15.4+/Node.js16.6+ 原生支持。

at() 是 JavaScript 在 ES2025 中正式引入的方法，专为简化**负索引访问**而设计，统一支持数组和字符串，解决了传统方括号语法无法直接使用负数索引的痛点。

统一负索引语义，告别手动计算

过去访问倒数第 n 个元素需写成 arr[arr.length - n] 或 str[str.length - n]，易出错且冗长。现在只需 arr.at(-1) 或 str.at(-2)，语义清晰：-1 表示最后一个，-2 表示倒数第二个……无需关心长度。

• 对数组：[10, 20, 30].at(-1) → 30
• 对字符串："hello".at(-1) → "o"
• 越界时返回 undefined（而非 undefined 或报错），行为一致且安全

兼容空值与边界情况，更健壮

相比 arr[-1]（始终返回 undefined，因为负数不是合法属性名），at() 明确将负索引解释为“从末尾计数”，并正确处理边界：

• [].at(-1) → undefined（空数组）
• "a".at(-5) → undefined（负索引超出范围）
• [42].at(0) 和 [42].at(-0) 都返回 42（-0 被规范转为 0）

不修改原数据，纯函数式访问

at() 是只读方法，不改变数组或字符串本身，符合函数式编程习惯。它不依赖 this 的可变状态，也不触发 getter/setter，行为可预测。

• 不会像某些 polyfill 那样意外调用自定义 length 或 toString
• 在稀疏数组中也能准确按位置取值，不受 holes 影响

浏览器与环境支持已成熟

Chrome 92+、Firefox 90+、Safari 15.4+ 及 Node.js 16.6+ 均原生支持。如需兼容旧环境，可用简单 polyfill：

if (!Array.prototype.at) {
  Array.prototype.at = function(n) {
    const len = this.length;
    return n >= 0 ? this[n] : this[len + n];
  };
}

# javascript  # java  # js  # node.js  # node  # 浏览器  # safari 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何在阿里云高效完成企业建站全流程？  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  Laravel如何实现数据库事务？（DB Facade示例）  网站页面设计需要考虑到这些问题  昵图网官方站入口 昵图网素材图库官网入口  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  如何在橙子建站上传落地页？操作指南详解  魔毅自助建站系统：模板定制与SEO优化一键生成指南  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  详解Huffman编码算法之Java实现  iOS UIView常见属性方法小结  使用C语言编写圣诞表白程序  Python高阶函数应用_函数作为参数说明【指导】  浅析上传头像示例及其注意事项  Laravel如何实现多对多模型关联？（Eloquent教程）  如何用IIS7快速搭建并优化网站站点？  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  个人网站制作流程图片大全,个人网站如何注销？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  详解jQuery中的事件  Android中AutoCompleteTextView自动提示  Android仿QQ列表左滑删除操作  微信小程序制作网站有哪些,微信小程序需要做网站吗？  使用豆包 AI 辅助进行简单网页 HTML 结构设计  高防服务器租用如何选择配置与防御等级？  Laravel如何发送系统通知？（Notification渠道示例）  如何在建站之星绑定自定义域名？  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  javascript基本数据类型及类型检测常用方法小结  Java类加载基本过程详细介绍  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  C语言设计一个闪闪的圣诞树  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  Python3.6正式版新特性预览  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  如何快速上传自定义模板至建站之星？  如何在IIS管理器中快速创建并配置网站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何在万网自助建站中设置域名及备案？  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  Laravel模型事件有哪些_Laravel Model Event生命周期详解  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  如何在Windows服务器上快速搭建网站？  如何有效防御Web建站篡改攻击？  WordPress 子目录安装中正确处理脚本路径的完整指南  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？