深入剖析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学习笔记4 Eval函数
Jan 11 Javascript
有趣的javascript数组定义方法
Sep 10 Javascript
javascript倒计时功能实现代码
Jun 07 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
JS根据生日算年龄的方法
May 05 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
使用element-ui table expand展开行实现手风琴效果
Mar 15 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 Javascript
javascript实现京东快递单号的查询效果
Nov 30 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
日本十大惊悚动漫
2020/03/04 日漫
摩卡咖啡
2021/03/03 咖啡文化
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
通俗易懂的php防注入代码
2010/04/07 PHP
创建数据库php代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
浅谈js基本数据类型和typeof
2016/08/09 Javascript
js初始化验证实例详解
2016/11/26 Javascript
js实现年月日表单三级联动
2020/04/17 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
jQuery实现的老虎机跑动效果示例
2018/12/29 jQuery
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python的Bottle框架中实现最基本的get和post的方法的教程
2015/04/30 Python
让python在hadoop上跑起来
2016/01/27 Python
python实现月食效果实例代码
2019/06/18 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python的range和linspace使用详解
2019/11/27 Python
pandas 对group进行聚合的例子
2019/12/27 Python
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
毕业生医学检验求职信
2013/10/16 职场文书
总务岗位职责
2013/11/19 职场文书
应届生个人求职信模板
2013/11/26 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
2015年女生节活动总结
2015/02/27 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python