如何将URL中?ch=后的参数传入Twitch Embed的channel字段？

嘿，你已经搞定最关键的一步——获取URL参数了！接下来只需要把拿到的ch变量直接用到Twitch Embed的配置里就行，超级简单～

你只需要把原来写死的"channel"替换成你已经获取到的ch变量，另外为了避免URL里没有ch参数时出错，还可以加个默认值作为 fallback。

完整的代码应该是这样的：

// 获取URL中的ch参数
const params = new URL(location.href).searchParams;
const ch = params.get('ch');

// 初始化Twitch嵌入组件，用ch参数作为channel值，没有的话用默认值
new Twitch.Embed("twitch-embed", {
  width: 1255,
  height: 500,
  channel: ch || "default-channel" // 这里替换成你的默认频道名，如果不需要可以直接写ch
});

简单解释一下： #

• 当URL里有?ch=channel时，ch变量的值就是"channel"，会自动填充到channel字段里；
• 如果URL里没有ch参数，params.get('ch')会返回null，这时||会让代码使用后面的"default-channel"作为默认值，避免组件初始化失败。

如果不需要默认值，直接写channel: ch也可以，但建议保留默认值，让代码更健壮哦～

内容的提问来源于stack exchange，提问作者Jan Henning