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 新增Cookie 取cookie值 删除cookie 举例详解
cookie很实用的一个功能，可以判断某个状态，下面与大家分享下JS 如何新增Cookie 取cookie值 删除cookie，感兴趣的朋友可以参考下2014-10-10
在本篇文章中我们给大家分享了关于移动端图片上传旋转、压缩问题的解决方法，有需要的朋友们参考下2018-10-10
这篇文章主要为大家详细介绍了原生js实现简单轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
详解webpack-dev-server 设置反向代理解决跨域问题
后端只负责接口，前端负责数据展示、逻辑处理。那么如何跨域？这篇文章主要介绍了webpack-dev-server 设置反向代理解决跨域问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-04-04
本文给大家介绍uniapp实现单选框的示例代码,采用uniapp-vue3实现的一款单选框组件,提供丝滑的动画选中效果,支持不同主题配置,适配web、H5、微信小程序,感兴趣的朋友跟随小编一起看看吧2024-03-03
JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析
这篇文章主要介绍了JavaScript ECMA-262-3 执行上下文,结合实例形式详细分析JavaScript ECMA执行上下文相关概念、原理与操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要为大家详细介绍了微信小程序实现计算器案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
JS pushlet XMLAdapter适配器用法案例解析
这篇文章主要介绍了JS pushlet XMLAdapter适配器用法案例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
这篇文章主要为大家详细介绍了JS针对Array的各种操作,如何创建Array,数组的一些简单和基本的操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了JS中解决谷歌浏览器记住密码输入框颜色改变功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
最新评论