对象题目的一个坑 理解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 相关文章推荐
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
jQuery基础知识点总结(必看)
May 31 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
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
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
解析PHP对现有搜索引擎的调用
2013/06/25 PHP
PHP设计模式之观察者模式定义与用法示例
2018/08/04 PHP
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
TensorFlow实现模型评估
2018/09/07 Python
基于python操作ES实例详解
2019/11/16 Python
wxPython多个窗口的基本结构
2019/11/19 Python
在python里使用await关键字来等另外一个协程的实例
2020/05/04 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
护理学毕业生自荐信
2013/10/02 职场文书
应届毕业生自我评价分享
2013/12/15 职场文书
给老师的检讨书
2014/02/11 职场文书
作风转变心得体会
2014/09/02 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
普宁寺导游词
2015/02/04 职场文书
法院个人总结
2015/03/03 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python