对象题目的一个坑 理解Javascript对象


Posted in Javascript onDecember 22, 2015

这一篇的例子,主要是来引起对Javascript对象的理解及注意的。其实是一种面试时的一个坑,实际项目中也是很少用得到,但是为了提高警惕性,我们来看这个例子:

代码名称

var first = {};
var second = {k:"second"};
var third = {k:"third"};
first[second] = 100;
first[third] = 200;
console.log(first[second])//这里会输出什么内容呢?

如果要自己做一下这个题,后面的解释先不看。

这里会输出什么样的结果呢?可能大部分人会觉得结果是100,或者是题目有错误,再或者是结果是200。

其实最终结果是200

为什么? 因为second、third都是对象,而且都是[object object],因此first[second] 等价于first[[object object]] 同样first[third] 等价于first[[object object]] 所以最终的结果可以是first["[object object]"],例子中对这个表达式进行了两次赋值操作,所以最终的结果是200。

所以在javascript中,很多的细节需要我们去注意的,或许就是那些面试者,不知道出什么面试题,尽出这些陷阱式的题目。不过,我们就是需要把基础打牢固了,什么都不怕! 后续我会继续出一些题目来做讲解!

通过一个简简单单的例题,引发了大家的思考,为大家学习javascript对象提供了有了许多启发,希望大家有所收获。

Javascript 相关文章推荐
DHTML 中的绝对定位
Nov 26 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
仿谷歌主页js动画效果实现代码
Jul 14 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 #Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 #Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 #Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 #Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 #Javascript
JavaScript判断对象是否为数组
Dec 22 #Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 #Javascript
You might like
php 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
基于php权限分配的实现代码
2013/04/28 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
img标签中onerror用法
2009/08/13 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
2013/02/26 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
javascript实现前端成语点击验证
2020/06/24 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
详解Vite的新体验
2021/02/22 Javascript
python中类的一些方法分析
2014/09/25 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
python rsa 加密解密
2017/03/20 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
如何使用python操作vmware
2019/07/27 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
python中threading开启关闭线程操作
2020/05/02 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
详解python算法常用技巧与内置库
2020/10/17 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
中共广东省委常委会党的群众路线教育实践活动整改方案
2014/09/23 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
党员转正介绍人意见
2015/06/03 职场文书