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 相关文章推荐
javascript 写类方式之七
Jul 05 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
JS实现简单的图书馆享元模式实例
Jun 30 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
Aug 04 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 Javascript
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 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
php比较两个绝对时间的大小
2014/01/31 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
vue实现购物车小案例
2019/09/27 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
Python中多线程thread与threading的实现方法
2014/08/18 Python
举例讲解Python程序与系统shell交互的方式
2015/04/09 Python
详解Django中的form库的使用
2015/07/18 Python
python如何去除字符串中不想要的字符
2020/07/05 Python
Python常见读写文件操作实例总结【文本、json、csv、pdf等】
2019/04/15 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
python实现复制文件到指定目录
2019/10/16 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
酒店管理专业毕业生推荐信
2013/11/10 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
施工协议书范本
2014/04/22 职场文书
财务负责人岗位职责
2015/02/03 职场文书
环卫处个人工作总结
2015/03/04 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
高质量“欢迎词”
2019/04/03 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
Tomcat弱口令复现及利用
2022/05/06 Servers