首页 > web前端 > js教程 > 正文

JavaScript 中 window 对象的神奇取值:为什么可以访问不存在的属性?

聖光之護
发布: 2024-10-26 20:18:01
原创
1057人浏览过

javascript 中 window 对象的神奇取值:为什么可以访问不存在的属性?

window 对象中的神奇取值

在 javascript 中,我们经常使用 window 对象来获取浏览器相关信息。但你知道吗?window 对象可以取值任意一个名称,即使这个名称不存在!

问题场景

以下代码演示了这种特性:

立即学习Java免费学习笔记(深入)”;

console.log(window.num); // undefined
console.log(num); // Uncaught ReferenceError: num is not defined
登录后复制

执行原理

千图设计室AI海报
千图设计室AI海报

千图网旗下的智能海报在线设计平台

千图设计室AI海报 172
查看详情 千图设计室AI海报

为什么可以直接使用 window 对象取值不存在的属性 num?原来,这种特性是一种语言特性,类似于为数组赋值不存在的下标时自动扩容。

点语法是通过 [[getownproperty]] 取值的。在 ecmascript 规范中,对这种行为有相关的描述:

当使用点语法获取对象属性时,如果该属性不存在,它会触发一个内部的代理陷阱。这个陷阱的作用是,检查该属性是否在对象的原型链中存在。如果在原型链中存在,则返回该属性的值;否则,返回 undefined。

扩展说明

这种特性可以使得代码更简洁优雅,但需要注意不要滥用,以免造成代码逻辑混乱。在某些情况下,还是建议明确使用 window 对象来访问全局变量。

以上就是JavaScript 中 window 对象的神奇取值:为什么可以访问不存在的属性?的详细内容,更多请关注php中文网其它相关文章!

Windows激活工具
Windows激活工具

Windows激活工具是正版认证的激活工具,永久激活,一键解决windows许可证即将过期。可激活win7系统、win8.1系统、win10系统、win11系统。下载后先看完视频激活教程,再进行操作,100%激活成功。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号