对象题目的一个坑 理解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 相关文章推荐
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
JavaScript 如何计算文本的行数的实现
Sep 14 Javascript
Vue3为什么这么快
Sep 23 Javascript
vue实现图片裁剪后上传
Dec 16 Vue.js
Element el-button 按钮组件的使用详解
Feb 01 Javascript
详解 TypeScript 枚举类型
Nov 02 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
我的论坛源代码(五)
2006/10/09 PHP
我的论坛源代码(七)
2006/10/09 PHP
COM in PHP (winows only)
2006/10/09 PHP
第十五节--Zend引擎的发展
2006/11/16 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
javascript 模拟点击广告
2010/01/02 Javascript
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
js css自定义分页效果
2017/02/24 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
小程序实现分类页
2019/07/12 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
分享几道你可能遇到的python面试题
2017/07/24 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
手把手教你将Flask应用封装成Docker服务的实现
2020/08/19 Python
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
给女朋友的道歉信
2014/01/10 职场文书
教师个人读书活动总结
2014/07/08 职场文书
谢师宴答谢词
2015/01/05 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书