前端基础训练营

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 仓库,然后挑一个你真正想做的小东西开工——做中学比看教程快十倍。