04JavaScript 基础:写业务够用的最小集
约 70 分钟
JS 能讲的东西很多,但入门阶段只需要四块。
变量:只用 const 和 let
var 忘掉它。默认 const,确定要重新赋值才用 let。
函数:箭头函数为主
const double = (n) => n * 2;
this 的坑等你真正遇到再学,现在不用管。
数组三件套
map 变形、filter 筛选、find 找一个。真实代码里 80% 的数组操作是这三个:
const titles = posts
.filter((p) => p.published)
.map((p) => p.title);
异步:async/await
const res = await fetch('/api/posts');
const posts = await res.json();
记住两点:await 必须在 async 函数里;网络请求要包 try/catch。
练习
写一个页面:加载时 fetch https://jsonplaceholder.typicode.com/posts,把前 10 条标题渲染成 <ul> 列表。用到今天全部四块知识。
到这里,训练营的基础部分结束。下一步建议:把练习攒成一个 GitHub 仓库,然后挑一个你真正想做的小东西开工——做中学比看教程快十倍。