模板字面量与常用字符串操作
使用模板字面量和必备的字符串方法；快速了解数字与 Date 基础
模板字面量与常用字符串操作 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 3 节课。
简介
目标：使用模板字符串格式化文本，并使用简单的字符串方法。然后快速了解数字和日期。
- 模板字符串
- 常见字符串操作
- 安全舍入
- 日期基础
模板字符串基础
使用反引号和 ${} 直接插入值。处理多行文本也很方便。
// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;
console.log(msg);
const lines = `Line 1
Line 2`;
console.log(lines);
字符串方法概览
练习 长度、trim、toUpperCase、includes、indexOf、slice。
// Common string methods on a small example
const title = " JavaScript Basics ";
console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
简洁格式化
与冗长的加号链相比，模板字符串更短，也更易读。
// Concatenation with + versus template literals
const user = "Mina";
const points = 12;
const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;
console.log(viaPlus);
console.log(viaTpl);
舍入基础
使用 Math.round、floor、ceil 得到整数。toFixed 会返回带有固定小数位数的字符串。
// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;
const total = price * qty;
console.log("Total raw:", total);
console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));
// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
日期快速概览
使用 new Date() 创建日期。使用取值器读取各个部分，并输出 ISO，以获得标准格式。
// Date basics: now, parts, and ISO output
const now = new Date();
console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
模板字符串小测
快速检查：反引号和 ${}。
回顾
回顾：您使用了模板字符串，练习了常用的字符串方法，安全地舍入了数字，并创建和输出了日期。
常见问题解答
「模板字面量与常用字符串操作」课时是免费的吗？
是的 — 「模板字面量与常用字符串操作」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 3 节课。
「模板字面量与常用字符串操作」这节课中我会学到什么？
使用模板字面量和必备的字符串方法；快速了解数字与 Date 基础 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 JavaScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 3 节。
「模板字面量与常用字符串操作」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 JavaScript Academy 课中编写并运行代码吗？
能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 模板字面量与常用字符串操作
- 数字——整数与浮点数及 Math 基础
- 日期——基础、时区与 Intl.DateTimeFormat