typescript:第二章_变量声明

差别

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

到此差别页面的链接

后一修订版		 前一修订版
typescript:第二章_变量声明 [2026/03/09 15:22] – 创建 张叶安typescript:第二章_变量声明 [2026/03/09 15:49] (当前版本) – [2.5.3 函数参数解构] 张叶安
行 289: 行 289:
  
 ==== 2.5.2 对象解构 ==== ==== 2.5.2 对象解构 ====
 +
 +对象解构的意思就是从等式右边取出变量的值并供后续使用。
 +
  
 <code> <code>
行 298: 行 301:
 }; };
  
-const { name, age, email } = user;+const { name, age, email } = user;//从user中取出参数供后面使用
 console.log(name);  // "Alice" console.log(name);  // "Alice"
  
 // 重命名 // 重命名
-const { name: userName, age: userAge } = user;+const { name: userName, age: userAge } = user; 从user中取出参数并重命名供后面使用
 console.log(userName);  // "Alice" console.log(userName);  // "Alice"
  
行 326: 行 329:
 console.log(rest);  // { age: 25, email: "alice@example.com" } console.log(rest);  // { age: 25, email: "alice@example.com" }
 </code> </code>
 +
  
 ==== 2.5.3 函数参数解构 ==== ==== 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> <code>
Detach Close

该主题尚不存在

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

  • typescript/第二章_变量声明.1773040960.txt.gz
  • 最后更改: 2026/03/09 15:22
  • 由 张叶安