如何为JavaScript的getUrl函数添加可选参数以支持window.parent调用？

当然可以实现这个需求！这其实是业务开发里很常见的灵活适配场景，我们只需要给getUrl函数加一个可选参数，让它能接受目标窗口对象（比如window.parent），没传参时就沿用原来的默认逻辑就行。

修改后的函数实现 #

function getUrl(parentContext) {
  // 判断是否传入了父框架上下文，有则用父窗口的Xrm，无则用当前页面的
  const xrmContext = parentContext ? parentContext.Xrm.Page.context : Xrm.Page.context;
  return xrmContext.getClientUrl() + "/api/data/v9.0/";
}

用法示例 #

• 默认调用（不需要父框架时）：

  const apiUrl = getUrl();
  // 效果和原函数完全一致：Xrm.Page.context.getClientUrl() + "/api/data/v9.0/"
  

• 需要使用父框架上下文时：

  const parentApiUrl = getUrl(window.parent);
  // 效果等同于：window.parent.Xrm.Page.context.getClientUrl() + "/api/data/v9.0/"
  

可选优化：提升代码可读性 #

如果想让参数的意图更清晰，还可以给参数设置更明确的命名，同时加上默认值注释，让后续维护的同事一眼就能看懂：

function getUrl(hostWindow = undefined) {
  const xrmContext = hostWindow ? hostWindow.Xrm.Page.context : Xrm.Page.context;
  return xrmContext.getClientUrl() + "/api/data/v9.0/";
}

这样修改后，函数既保留了原有逻辑的兼容性，又能灵活应对跨框架的场景，完全满足你的需求~

内容的提问来源于stack exchange，提问作者Mikhail Kostiuchenko