对象题目的一个坑 理解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 相关文章推荐
juqery 学习之四 筛选查找
Nov 30 Javascript
div模拟选择框示例代码
Nov 03 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
js用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
js读取cookie方法总结
Oct 31 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
Javascript实现鼠标框选操作  不是点击选取
Apr 14 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
Apr 29 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
OpenLayers3实现地图鹰眼以及地图比例尺的添加
Sep 25 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错误、异常处理机制(补充)
2012/05/07 PHP
php读取3389的脚本
2014/05/06 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
js实现省份下拉菜单效果
2017/02/15 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
python的id()函数介绍
2013/02/10 Python
pygame学习笔记(5):游戏精灵
2015/04/15 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
python 从list中随机取值的方法
2020/11/16 Python
利用纯CSS3实现tab选项卡切换示例代码
2016/09/21 HTML / CSS
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
护理学毕业生自荐信
2013/10/02 职场文书
毕业生应聘求职信
2014/07/10 职场文书
小学生运动会广播
2015/08/19 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
oracle表分区的概念及操作
2021/04/24 Oracle