对象题目的一个坑 理解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 相关文章推荐
jQuery的ready方法详解
Nov 27 Javascript
js使用心得分享
Jan 13 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
JS实现禁止鼠标右键的功能
Oct 15 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
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
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
javascript 事件绑定问题
2011/01/01 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
JavaScript switch语句使用方法简介
2019/12/30 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
Python显示进度条的方法
2014/09/20 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
python中urllib.unquote乱码的原因与解决方法
2017/04/24 Python
通过Python 接口使用OpenCV的方法
2018/04/02 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
北美三大旅游网站之一:Travelocity加拿大
2016/08/20 全球购物
世界经理人咨询有限公司面试
2014/09/23 面试题
护理自我鉴定范文
2013/10/06 职场文书
学员自我鉴定
2014/03/19 职场文书
党性教育心得体会
2014/09/03 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python