对象题目的一个坑 理解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中 关于prototype属性实现继承的原理图
Apr 16 Javascript
jQuery动态设置form表单的enctype值(实现代码)
Jul 04 Javascript
js获取php变量的实现代码
Aug 10 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
Vue实现简易翻页效果源码分享
Nov 08 Javascript
layui中select,radio设置不生效的解决方法
Sep 05 Javascript
细述Javascript的加法运算符的具体使用
Oct 18 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 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
php curl模拟post请求小实例
2013/11/13 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
优秀求职信范文分享
2013/12/19 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书