深入剖析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 二维数组
Nov 26 Javascript
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
jquery事件preventDefault()方法用法实例
Jan 16 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
JS二分查找算法详解
Nov 01 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 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
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
js模拟hashtable的简单实例
2014/03/06 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
几种响应式文字详解
2017/05/19 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
vue better-scroll插件使用详解
2018/01/25 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
Python模拟简单电梯调度算法示例
2018/08/20 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
市场营销专业个人自荐信格式
2013/09/21 职场文书
高中生学期学习自我评价
2014/02/24 职场文书
高中生职业规划范文
2014/03/09 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
晚会开幕词
2015/01/28 职场文书
社区母亲节活动总结
2015/02/10 职场文书
2016年端午节寄语
2015/12/04 职场文书