深入剖析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 相关文章推荐
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
Javascript 面向对象之重载
May 04 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
微信小程序开发问题之wx.previewImage
Dec 25 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 Javascript
微信小程序开发之转发分享功能
Oct 22 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
基于PHP对XML的操作详解
2013/06/07 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
js 目录列举函数
2008/11/06 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
Angular自定义组件实现数据双向数据绑定的实例
2017/12/11 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
python字典序问题实例
2014/09/26 Python
python3 读写文件换行符的方法
2018/04/09 Python
朴素贝叶斯Python实例及解析
2018/11/19 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
运动会拉拉队口号
2014/06/09 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
如何写新闻稿
2015/07/18 职场文书
Python基础之元组与文件知识总结
2021/05/19 Python