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 相关文章推荐
JS代码优化技巧之通俗版(减少js体积)
Dec 23 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue实现树状表格效果
Dec 29 Vue.js
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
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
JQuery 文本框使用小结
2010/05/22 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
理解javascript封装
2016/02/23 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
Angular组件化管理实现方法分析
2017/03/17 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
JavaScript Array对象基本方法详解
2019/09/03 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Selenium定位元素操作示例
2018/08/10 Python
django自带调试服务器的使用详解
2019/08/29 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
你对IPv6了解程度
2016/02/09 面试题
电视节目策划方案
2014/05/16 职场文书
服务理念口号
2014/06/11 职场文书
质量月活动总结
2014/08/26 职场文书
趣味运动会广播稿
2014/09/13 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
python开发的自动化运维工具ansible详解
2021/08/07 Python
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL