深入剖析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中string转date示例代码
Nov 01 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
Vue数字输入框组件示例代码详解
Jan 15 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
PHP CLI模式下的多进程应用分析
2013/06/03 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
2013/11/21 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
js判断密码强度的方法
2020/03/18 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
在Django框架中设置语言偏好的教程
2015/07/27 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
python如何实现读取并显示图片(不需要图形界面)
2020/07/08 Python
python 制作简单的音乐播放器
2020/11/25 Python
详解HTML5 Canvas标签及基本使用
2020/01/10 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
同学会主持词
2014/03/18 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
付款委托书范本
2014/10/05 职场文书
先进个人总结范文
2015/02/15 职场文书
2015年法制宣传月活动总结
2015/03/26 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
运动会100米广播稿
2015/08/19 职场文书
2015年度个人工作总结报告
2015/10/24 职场文书
Mysql文件存储图文详解
2021/06/01 MySQL
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python