深入剖析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 相关文章推荐
图片翻转效果具体实现代码
Jan 09 Javascript
jquery教程ajax请求json数据示例
Jan 13 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
微信小程序自动客服功能
Nov 02 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
vue实现表格过滤功能
Sep 27 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 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
显示程序执行时间php函数代码
2013/08/29 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
JS HTML5拖拽上传图片预览
2016/07/18 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
vue实现同一个页面可以有多个router-view的方法
2018/09/20 Javascript
vue基础之data存储数据及v-for循环用法示例
2019/03/08 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
javascript如何实现create方法
2019/11/04 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python 判断一个进程是否存在
2009/04/09 Python
urllib2自定义opener详解
2014/02/07 Python
python文件操作之目录遍历实例分析
2015/05/20 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
python实现代码审查自动回复消息
2021/02/01 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
电气自动化大学生求职信
2013/10/16 职场文书
高二物理教学反思
2014/02/08 职场文书
幼儿教师师德演讲稿
2014/05/06 职场文书
创先争优宣传标语
2014/10/08 职场文书
解除施工合同协议书
2014/10/17 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
矛盾论读书笔记
2015/06/29 职场文书
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL