面试题-JS对象取值

一、题目

题目采摘之某公众号，内容原创！

const bird = {
  size: 'small'
}

const mouse = {
  name: 'Mickey',
  small: true
}

mouse.bird.size	是否无效？
mouse[bird.size]	是否无效？
mouse[bird["size"]]	是否无效？

二、分析

首先回顾js关于对象取值的知识

const bird = {
  size: 'small'
}
// 一般取值方式，通过 . 访问对象的属性
bird.size 	//  'small'
// 使用中括号的方式
bird["size"]  //  'small'

了解到以上内容之后，答案就显而易见了

mouse.bird.size  // 无效  Uncaught TypeError: Cannot read property 'size' of undefined at <anonymous>:10:12

mouse[bird.size]   => mouse["small"] => true   // 有效

mouse[bird["size"]]  =>  mouse["small"]  => true   // 有效

三、总结

js的基础很重要啊！！！