读取属性
从对象中获取值
读取属性 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
窥探宝箱内部 🔍
您已经构建了一个宝箱(对象)。现在让我们看看里面并取出一件宝藏!
从对象中取出一个值叫作读取属性。🪙
神奇的点号 ✨
要取出一件宝藏,请先写出宝箱名称,然后写一个点号 .,最后写出键。
就像这样说:dog DOT name,请给我它的名字!🐶
let dog = { name: 'Rex', age: 4 }
console.log(dog.name)取出一个数字 🔢
点号适用于 ALL 宝藏,而不仅仅是文字!让我们取出 dog 的年龄。
试试看,看看这个数字出现吧!
let dog = { name: 'Rex', age: 4 }
console.log(dog.age)取出两件宝藏 🪙🪙
您想读取多少件宝藏都可以!每次使用点号即可。
这里我们读取了名字 AND 年龄。
let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)把它放进句子里 💬
我们可以使用 + 号连接文字,把宝藏放进句子中!
看看我们的机器人 🤖 如何用它自己的名字打招呼。
let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)用宝藏进行数学运算 ➕
如果宝藏是数字,您就可以用它进行数学运算!
让我们让 dog 增长一岁。🎂
let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)读取英雄的信息 🦸
让我们从超级英雄宝箱中读取信息!取出他的名字和能力。
let hero = {
name: 'Captain Star',
power: 'flying'
}
console.log(hero.name)
console.log(hero.power)拼写很重要!🐝
键必须拼写得 EXACTLY 正确。name 和 Name 并不相同!
如果拼写错误,您会得到 undefined(意思是“我找不到那件宝藏”)。🤷
let dog = { name: 'Rex' }
console.log(dog.Name)组合并显示 🎁
让我们读取零食宝箱,并为它编写一条有趣的消息!
let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)真假宝藏 🚦
您也可以读取 true/false 宝藏!它们非常适合回答是或否的问题。
这个机器人友好吗?让我们检查一下!
let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)轮到您来读取了 🌟
这里有一个宠物宝箱。请您自己试着读取 color 宝藏!修改这一行并运行它。
let pet = {
name: 'Bubbles',
color: 'orange'
}
console.log(pet.color)快速检查 ✅
动脑时间!🧠 展示您对读取宝藏的了解吧。
读取回顾 🎉
做得好,寻宝者!🗺️ 您学会了 READ 属性。
- 使用点号:
chest.key - 准确拼写键 🐝
- 使用
+将宝藏组合到句子中
接下来:如何 CHANGE 宝箱中的宝藏!🔧
常见问题解答
「读取属性」课时是免费的吗?
是的 — 「读取属性」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。
「读取属性」这节课中我会学到什么?
从对象中获取值 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Javascript for Kids 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。
「读取属性」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Javascript for Kids 课中编写并运行代码吗?
能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。