对象题目的一个坑 理解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 相关文章推荐
用javascript操作xml
Nov 04 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
一个简单的JS鼠标悬停特效具体方法
Jun 17 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
JavaScript反射与依赖注入实例详解
May 29 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
15个顶级开源JavaScript框架和库
Oct 10 Javascript
微信小程序 slot踩坑的解决
Apr 01 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
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
PHP 文件上传限制问题
2019/09/01 PHP
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
基于vue实现移动端圆形旋钮插件效果
2018/11/28 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
python计算牛顿迭代多项式实例分析
2015/05/07 Python
python计算auc指标实例
2017/07/13 Python
wxPython的安装与使用教程
2018/08/31 Python
Python实现K折交叉验证法的方法步骤
2019/07/11 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
浅谈Python中的模块
2020/06/10 Python
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
计算机网络专业推荐信
2013/11/24 职场文书
优秀教师先进事迹
2014/01/22 职场文书
2014年小班元旦活动方案
2014/02/16 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
中专生自荐信
2014/06/25 职场文书