JavaScript之Object类型介绍


Posted in Javascript onApril 01, 2015

创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如下所示:

var person = new Object();

person.name = "zxj";

person.age = 25;

另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式,目的在于简化创建大量属性的对象的过程。代码如下所示:

 //对象字面量

 var person = {

 name: "zxj",

 age: 25

 }

在通过对象字面量定义对象时,实际上是不会调用Object构造函数的。

一般来说,访问对象属性时使用都是点表示法,但在JavaScript中也可以使用方括号表示法来访问对象的属性。在使用方括号语法时,应该将要访问的属性以字符串的形式放在方括号内,如下所示:

alert(person["name"]) //zxj

alert(person.name) //zxj

两者功能是无任何区别,但方括号语法的主要优点就是可以通过变量来访问属性:

var propertyName="name";

alert(person[propertyName]); //zxj

如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法,例如:

person['first name'] = "zxj";

通常,除非必须使用方括号表示法,否则建议使用点表示法。

Javascript 相关文章推荐
jQuery 学习第五课 Ajax 使用说明
May 17 Javascript
js创建对象的区别示例介绍
Jul 24 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
javascript遍历对象的五种方式实例代码
Oct 24 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 #Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 #Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 #Javascript
jQuery scrollFix滚动定位插件
Apr 01 #Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 #Javascript
JS获取iframe中longdesc属性的方法
Apr 01 #Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 #Javascript
You might like
ThinkPHP模板判断输出Present标签用法详解
2014/06/30 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
php实现的二叉树遍历算法示例
2017/06/15 PHP
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
javascript常用函数(1)
2015/11/04 Javascript
js实现右键自定义菜单
2016/12/03 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
JS原生轮播图的简单实现(推荐)
2017/07/22 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
详解Python中with语句的用法
2015/04/15 Python
python去除所有html标签的方法
2015/05/05 Python
django框架auth模块用法实例详解
2019/12/10 Python
django项目中新增app的2种实现方法
2020/04/01 Python
结束运行python的方法
2020/06/16 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
仓库规划计划书
2014/04/28 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书