深入剖析JavaScript:Object类型


Posted in Javascript onMay 10, 2016

在JavaScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。

对象是某个特定引用类型的实例。对象的创建方式:

var person = new Object();

上面的例子创建了Object引用类型的一个新实例,然后把该实例保存在变量person中。

创建对象有构造函数和对象字面量两种方式。

1.构造函数方式

使用new操作符后跟Object构造函数。

var p = new Obejct();
p.name = "萧萧弈寒";
p.age = 18;

2.对象字面量方式

对对象定义的一种简写,目的在于简化创建包含大量属性的对象的过程。示例:

var p = {
  name:"萧萧弈寒",
  age:18
};

在对象字面量语法时,属性名也可以使用字符串,例如:

var p = {
  "name":"萧萧弈寒",
  "age":18,
  5:true
}

上面的例子会创建一个对象,包含name、age、5三个属性。这里的数值属性名会自动转换为字符串。

另外,使用对象字面量语法时,如果留空其花括号,则可以定义包含默认属性和方法的对象。例如:

var p = {};
p.name = "萧萧弈寒";
p.age = 18;

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

alert(p["name"]);
alert(p.name);

功能上这两种访问方式没什么区别。方括号语法的优点是可以通过变量来访问属性:

var propName = "name";
alert(p[propName]); // "萧萧弈寒"

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

p["first name"] = "萧萧弈寒";

属性first name中包含一个空格,不能通过点表示法访问。

以上这篇深入剖析JavaScript:Object类型就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jquery实现的表格分页实现代码
Jun 21 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
vue loadmore组件上拉加载更多功能示例代码
Jul 19 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
JavaScript的React Web库的理念剖析及基础上手指南
May 10 #Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 #Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 #Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 #Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 #Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 #Javascript
详解JavaScript中的自定义事件编写
May 10 #Javascript
You might like
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
PHP tp5中使用原生sql查询代码实例
2020/10/28 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
详解C++编程中一元运算符的重载
2016/01/19 Python
Mac中升级Python2.7到Python3.5步骤详解
2017/04/27 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
Python中如何导入类示例详解
2019/04/17 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
Django实现celery定时任务过程解析
2020/04/21 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
一套软件测试笔试题
2014/07/25 面试题
建筑个人求职信范文
2014/01/25 职场文书
2014自荐信的写作技巧
2014/01/28 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
MySQL多表查询机制
2022/03/17 MySQL