let新建一个可以换内容的盒子先别背符号表,我们一次只学一个
如果你看到 const [count, setCount] = useState(0) 就发懵,不是你学不会,是它一次塞进了太多还没学过的东西。
这一页先不碰 React,也不要求你背十几个符号。下面每次只出现一个新符号。看一句人话、拆开一行代码、答对一个小问题,再继续。
第 1 个 / 共 4 个
=赋值符号先只记这一句
把右边的东西,放进左边这个名字里。
生活类比:像给收纳盒贴上“fruit”标签,再把一颗苹果放进去。
代码长这样
let fruit = '苹果'把它读成人话:新建一个叫 fruit 的盒子,把文字“苹果”放进去。
fruit这个盒子的名字=把右边放进左边'苹果'真正放进去的文字马上确认一下执行后,fruit 里面装着什么?
现在亲手改一次 =
这不是“随便玩玩”的代码框。你有一个明确任务,系统会运行代码并判断结果对不对。
动手练习把盒子里的苹果换成香蕉
你的任务
只改第 1 行:把引号里的“苹果”改成“香蕉”。其他文字都不要动。
- 点一下黑色代码区
- 找到第 1 行的苹果,只改这两个字
- 点“运行并检查”
- 在“电脑输出”里确认结果
代码区你可以直接点进去修改
电脑输出
还没有运行。完成左边的小任务后,点下面的绿色按钮。
刚才到底发生了什么
你点下“运行并检查”以后,真实过程是这样的:
- 你修改代码浏览器先记住代码区里的新文字。
- 电脑执行第 1 行
=把“香蕉”放进名叫fruit的盒子。 - 电脑执行第 2 行
console.log(fruit)打开盒子,把里面的内容打印出来。 - 练习器核对结果输出正好是“香蕉”,所以告诉你做对了。
这就是读代码最基本的方法:不要整段硬看,先问电脑会执行哪一行,这一行又改变了什么。
在你的真实项目里看同一个符号
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 的盒子。这里的单个等号不是数学里的“左右相等”,而是在保存数据。