JavaScript变量赋值式模块导入与标准import语法差异疑问

你看到的写法不属于ES模块导入语法，本质是UMD格式脚本挂载全局变量的传统浏览器接入方式，和ES Module的import/export规范体系完全无关：

• 当通过普通<script>标签（不带type="module"标记）引入UMD/IIFE格式的第三方库脚本时，脚本会自动把自身所有导出内容挂载到浏览器的window全局对象上，不需要手动写import语句就能直接访问。你看到的const Point = ol.geom.Point、const RMap = rlayers.RMap，本质是读取window.ol.geom.Point、window.rlayers.RMap的简写——浏览器环境下访问全局属性时可以省略window.前缀。
• 你自行复现失败的核心原因是脚本加载配置不匹配：
  • 首先要确认引入的是对应库的UMD格式构建产物，而非ES Module格式的入口文件。ES Module格式的脚本不会往全局对象挂载变量，自然读不到ol、rlayers对象。
  • 其次要确认脚本加载顺序正确：必须先加载OpenLayers的UMD脚本，再加载rlayers的UMD脚本，最后运行业务代码，否则会触发变量未定义的报错。同时不要开启CodePen里「JS代码作为ES模块运行」的相关选项，否则全局变量的作用域规则会发生变化。
• 你认知里的import { Point } from "ol/geom"这类写法是ES Module规范的标准用法，一般用于本地打包构建（Vite/Webpack等）或者<script type="module">标签场景，和UMD全局变量的用法是第三方库提供的两种不同接入方式，不存在对错，只是适用场景不同。

补充：rlayers官方跳转的CodePen示例自带平台预配置的脚本依赖，已经自动按正确顺序加载了对应版本的OpenLayers和rlayers UMD资源，你新建空白CodePen项目时没有继承这套预配置，直接抄代码自然会运行失败。

内容的提问来源于stack exchange，提问作者Greg Holst