深入剖析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中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
jquery常用操作小结
Jul 21 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
May 12 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 Javascript
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
PHP网上调查系统
2006/10/09 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
js 单引号 传递方法
2009/06/22 Javascript
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
python二维列表一维列表的互相转换实例
2018/07/02 Python
Django REST framework 分页的实现代码
2019/06/19 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
TripAdvisor印尼站:全球领先的旅游网站
2018/03/15 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
C#公司笔试题
2014/03/28 面试题
高中生学习生活的自我评价
2013/10/09 职场文书
超级搞笑检讨书
2014/01/15 职场文书
部队万能检讨书
2014/02/20 职场文书
手机被没收检讨书
2014/02/22 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书