为何JavaScript无匹配时url.length!=0会引发Chrome链接打开异常？

核心问题：空行引发的null访问错误 #

当你在textarea中添加空行后，代码会将空行作为独立的行元素处理。假设你的代码是按行拆分textarea内容（比如用split('\n')），此时数组中会包含空字符串或仅含空白字符的元素。

对这类空行执行URL匹配正则时，会返回null（无匹配结果）。而你代码中的if (url.length != 0)直接访问url的length属性——如果url是null，这会触发TypeError错误，导致整个处理循环直接终止，后续的链接（比如第二个目标链接）就没有机会被执行打开操作，所以仅能打开第一个链接。

在无空行的代码A中，所有行都能匹配到有效URL，url是一个有长度的匹配结果数组，不会触发错误，因此两个链接都能正常打开。

修复方案 #

你需要修改判断逻辑，先确保url不为null，再检查长度：

// 先判断url存在，再检查长度
if (url && url.length !== 0) {
  // 打开链接的逻辑
}

或者在处理行之前，先过滤掉空行/空白行，减少无效处理：

// 拆分后先过滤空行
const lines = textareaValue.split('\n').filter(line => line.trim().length > 0);
lines.forEach(line => {
  // 匹配URL并处理
});

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