对象题目的一个坑 理解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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
用javascript删除当前行,添加行(示例代码)
Nov 25 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
JavaScript简单实现弹出拖拽窗口(二)
Jun 17 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 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
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
php的字符串用法小结
2010/06/08 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
学习ExtJS(一) 之基础前提
2009/10/07 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
DOM基础教程之使用DOM控制表格
2015/01/20 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Pytorch: 自定义网络层实例
2020/01/07 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
python如何建立全零数组
2020/07/19 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
夜大毕业生自我评价分享
2013/11/10 职场文书
运动会演讲稿100字
2014/08/25 职场文书
本溪关门山导游词
2015/02/09 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏