JavaScript Academy · 课时

验证与常见小陷阱

使用锚点验证完整字符串，避免贪婪匹配过度，使用单词边界，添加简单的额外检查，并注意 /g 与 test() 的配合使用

验证与常见小陷阱 是 CoddyKit 上的免费 JavaScript Academy 课时。这是第 3 节课，共 3 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 3 节课。

整个字符串验证

目标：安全地进行验证，避免意外情况。

使用 ^ 和 $ 匹配整个字符串
避免贪婪匹配过多；必要时使用惰性量词 *?
使用 \\b 单词边界
注意 /g 与 test() 一起使用的情况

实际使用锚点

添加 ^ 和 $，避免部分匹配悄悄通过。

// Validate 4–6 digits ONLY (no spaces, no letters)
function isPin(text) {
  const re = /^\\d{4,6}$/;
  return re.test(text);
}

console.log("1234 ->", isPin("1234"));
console.log("12 34 ->", isPin("12 34"));
console.log("a123 ->", isPin("a123"));

避免匹配过多

贪婪的 .* 会获取最长范围；在标记之间添加 ? 可获取最短匹配。

// Greedy (.*) vs lazy (.*?)
const text = "say \"hi\" and \"bye\"";

// Greedy: eats too much
const g = text.match(/".*"/);
console.log("greedy:", g && g[0]);

// Lazy: shortest between quotes
const l = text.match(/".*?"/g);
console.log("lazy:", l);

单词边界 \\b

\\b 匹配单词字符与非单词字符之间的边界；适合匹配完整单词。

// Use \\b to match a whole word (not inside another)
const s = "restart start up";

console.log("has start word?", /\\bstart\\b/.test(s));    // true
console.log("matches restart?", /\\brestart\\b/.test(s));  // true
console.log("start inside restart?", /start/.test("restart")); // true (partial)

安全地组合检查

对于初学者：将简短的正则表达式与额外检查（去除首尾空白、最大长度）结合使用。避免编写过于庞大的模式。

// Small, beginner-friendly email-like check (not RFC-complete)
// Strategy: small regex + extra length checks
function isEmailLite(text) {
  if (typeof text !== "string") return false;
  if (text.length > 254) return false;          // cap length
  const re = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;  // basic shape
  return re.test(text.trim());
}

console.log("ok:", isEmailLite("a@b.co"));
console.log("bad space:", isEmailLite("a @b.co"));
console.log("too basic:", isEmailLite("abc"));

全局标志的注意事项

g 标志会在执行 test() 时移动内部游标。若要对彼此独立的输入返回普通布尔值，请不要使用 g。

// Using /g with test() changes lastIndex and can surprise you
const r = /a/g;

console.log("1st:", r.test("a")); // true
console.log("2nd:", r.test("a")); // false (cursor moved)
console.log("3rd:", r.test("a")); // true again

// Safer: avoid /g when repeatedly calling test() on separate strings
function hasA(text) {
  return /a/.test(text); // no g flag
}
console.log("safe:", hasA("a"), hasA("a"));

锚点验证测验

快速检查：整个字符串验证。

回顾

回顾：使用 ^...$ 验证完整字符串，使用惰性量词 *? 避免匹配过多，添加 \\b 匹配完整单词，将简短的正则表达式与简单的额外检查结合起来，并避免在重复调用 test() 时使用 /g。

常见问题解答

「验证与常见小陷阱」课时是免费的吗？

是的 — 「验证与常见小陷阱」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 3 节课。

「验证与常见小陷阱」这节课中我会学到什么？

使用锚点验证完整字符串，避免贪婪匹配过度，使用单词边界，添加简单的额外检查，并注意 /g 与 test() 的配合使用你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 3 节课，共 3 节。

「验证与常见小陷阱」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 JavaScript Academy