差别

这里会显示出您选择的修订版和当前版本之间的差别。

--- typescript:第二章_变量声明 [2026/03/09 15:37] – [2.5.2 对象解构] 张叶安
+++ typescript:第二章_变量声明 [2026/03/09 15:49] (当前版本) – [2.5.3 函数参数解构] 张叶安
@@ 行 301: / 行 301: @@
 };
-const { name, age, email } = user;
+const { name, age, email } = user;//从user中取出参数供后面使用
 console.log(name);  // "Alice"
 // 重命名
-const { name: userName, age: userAge } = user;
+const { name: userName, age: userAge } = user; 从user中取出参数并重命名供后面使用
 console.log(userName);  // "Alice"
@@ 行 329: / 行 329: @@
 console.log(rest);  // { age: 25, email: "alice@example.com" }
 </code>
 ==== 2.5.3 函数参数解构 ====
+在函数中写解构的话，就不需要=号
+<code>
+export default function AppGroupLayout({children,}: Readonly<{ children: React.ReactNode }>)
+{
+  return <AppLayout>{children}</AppLayout>;
+}
+</code>
+函数接收一个对象参数，这个对象里有 children 属性；通过对象解构把 children 直接取出来，并给整个参数对象加上 TypeScript 类型
+这里"{children,}: Readonly<{ children: React.ReactNode }>"作用类似于"Readonly<{children:React.ReactNode}>"
+解构内容是把输入参数的 children属性取出来供后续使用
 <code>

Detach Close

您访问的页面并不存在。如果允许，您可以使用创建该页面按钮来创建它。

该主题尚不存在