深入剖析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 相关文章推荐
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
基于jquery实现最简单的选项卡切换效果
May 08 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
Vue-Router模式和钩子的用法
Feb 28 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
微信小程序常见页面跳转操作简单示例
May 01 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 21 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 Javascript
vue+openlayers绘制省市边界线
Dec 24 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
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
php文件上传类的分享
2017/07/06 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
jquery ajax执行后台方法
2010/03/18 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
Python如何实现爬取B站视频
2020/05/20 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
2013届毕业生求职信范文
2013/11/20 职场文书
毕业生自荐书
2014/02/02 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
西式结婚主持词
2014/03/14 职场文书
推广普通话标语
2014/06/27 职场文书
上班迟到检讨书
2014/09/15 职场文书
学生检讨书如何写
2014/10/30 职场文书
2016春节家属慰问信
2015/03/25 职场文书
面试复试通知单
2015/04/24 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
Python实现自动玩连连看的脚本分享
2022/04/04 Python