Skip to content

先别背符号表,我们一次只学一个

如果你看到 const [count, setCount] = useState(0) 就发懵,不是你学不会,是它一次塞进了太多还没学过的东西。

这一页先不碰 React,也不要求你背十几个符号。下面每次只出现一个新符号。看一句人话、拆开一行代码、答对一个小问题,再继续。

第 1 个 / 共 4 个
=赋值符号
先只记这一句

把右边的东西,放进左边这个名字里。

生活类比:像给收纳盒贴上“fruit”标签,再把一颗苹果放进去。

代码长这样let fruit = '苹果'

把它读成人话:新建一个叫 fruit 的盒子,把文字“苹果”放进去。

1let新建一个可以换内容的盒子
2fruit这个盒子的名字
3=把右边放进左边
4'苹果'真正放进去的文字
马上确认一下执行后,fruit 里面装着什么?

现在亲手改一次 =

这不是“随便玩玩”的代码框。你有一个明确任务,系统会运行代码并判断结果对不对。

动手练习把盒子里的苹果换成香蕉
你的任务

只改第 1 行:把引号里的“苹果”改成“香蕉”。其他文字都不要动。

  1. 点一下黑色代码区
  2. 找到第 1 行的苹果,只改这两个字
  3. 点“运行并检查”
  4. 在“电脑输出”里确认结果
代码区你可以直接点进去修改
电脑输出
还没有运行。完成左边的小任务后,点下面的绿色按钮。

刚才到底发生了什么

你点下“运行并检查”以后,真实过程是这样的:

  1. 你修改代码浏览器先记住代码区里的新文字。
  2. 电脑执行第 1 行= 把“香蕉”放进名叫 fruit 的盒子。
  3. 电脑执行第 2 行console.log(fruit) 打开盒子,把里面的内容打印出来。
  4. 练习器核对结果输出正好是“香蕉”,所以告诉你做对了。

这就是读代码最基本的方法:不要整段硬看,先问电脑会执行哪一行,这一行又改变了什么。

在你的真实项目里看同一个符号

manga_studio/app.py 第 72 行真的有这段代码:

python
MODEL_ID = "doubao-seedance-2-0-fast-260128"

先不管右边那串英文是什么意思,只按刚学的方法读:

text
MODEL_ID = "doubao-seedance-2-0-fast-260128"
    ①    ②                   ③

① 盒子的名字:MODEL_ID
② 等号:把右边放进左边
③ 放进去的文字:一个模型的名字

所以整行人话就是:创建一个叫 MODEL_ID 的名字,把这个 AI 模型名称存进去,后面的代码可以继续使用它。

以后遇到陌生符号,再展开完整速查表
符号暂时这样读最小例子
===两边完全一样吗?score === 80
=>收到数据后,做后面的动作name => name.length
?.前面存在,才继续往后找user?.name
...把里面的东西展开[...oldItems, newItem]
` `一段可以塞进变量的文字`你好 ${name}`
//给人看的注释,电脑不执行// 保存用户
&&左边成立,才做右边isReady && start()
``
!不是、反过来!isLoggedIn

不用现在记住。等后面的课程真的用到某个符号,再回来查一次,会比硬背更容易。

看到 total = 20 时,你应该先把它读成什么?

答案:把右边的数字 20 放进左边名叫 total 的盒子。这里的单个等号不是数学里的“左右相等”,而是在保存数据。

写给想驾驭 AI,而不只是依赖 AI 的 Vibe Coder。