JS访问对象两种方式区别解析
更新时间：2020年08月29日 10:42:42 作者：小猿笔记
这篇文章主要介绍了JS访问对象两种方式区别解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
可以使用下面两种方式访问对象的属性和方法
1.对象名.属性名 对象名.方法名()
2.对象名["属性名"] 对象名"方法名"
var obj = {
name : "小明",
age : 18,
say : function(){
console.log("我是"+this.name+"我"+this.age+"岁");
}
};
console.log(obj.name);
console.log(obj["name"]);
obj.say();
obj["say"]();
对于已经存在的属性和方法，用.和用[]得到的结果一致、
对于不存在(未定义)的属性和方法，用.会创建这个新的属性或方法，而用[]的方式访问不会创建新的属性或方法
例如在用for-in遍历对象时
for(var x in obj){
console.log(x); //输出obj中的属性名，方法名
console.log(obj.x);//想要用.的方法输出对应的属性和方法 结果是undefined，原因在于JS语言中.方法可以用来声明，声明对象属性的方式就是属性名.属性值
//这里实际先声明了obj的x属性，并且未初始化该属性，然后输出了该属性值，所以为undefined
}
利用[]方式只能访问和读取，不会定义新的属性
for(var x in obj){
console.log(x); //输出obj中的属性名，方法名
console.log(obj[x]);//输出对应的属性值和方法，方法未调用所以输出的是方法的代码
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
js中Math之random,round,ceil,floor的用法总结
本篇文章是对js中Math之random,round,ceil,floor的用法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了微信小程序实现可长按移动控件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
本文主要介绍了js中var、let、const之间的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
JavaScript剩余操作符Rest Operator详解
在本篇文章里小编给各位分享的是关于JavaScript剩余操作符Rest Operator知识点用法总结，有需要的朋友们跟着学习下。2019-07-07
这篇文章主要为大家详细介绍了javascript动态获取登录时间和在线时长的相关资料，获得登录时候的时间，用来和动态的时间做差来求时长，感兴趣的小伙伴们可以参考一下2016-02-02
不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成)
SpeechSynthesis是HTML5的一个新特性，基于SpeechSynthesis可以实现在客户浏览器端进行动态文本的语音合成播放，这篇文章主要介绍了不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成),需要的朋友可以参考下2023-03-03
下面小编就为大家带来一篇JS给Array添加是否包含字符串的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
我们开发的人来说经常要加个判断，要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦2013-11-11
最近工作中遇到webview,对于我这个刚接触前端的小白来说真的不懂啥意思,下面这篇文章主要给大家介绍了关于如何在uniapp中优雅地使用WebView的相关资料,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了Javascript使用post方法提交数据,实例分析了javascript实现post提交数据的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论