深入剖析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,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
基于jquery的二级联动菜单实现代码
Apr 25 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
jquery if条件语句的写法
May 19 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 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
PHP可变函数的使用详解
2013/06/14 PHP
ThinkPHP路由详解
2015/07/27 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
JavaScript 事件查询综合
2009/07/13 Javascript
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
Vue实现购物车场景下的应用
2017/11/27 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
2020/02/06 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
详解python之heapq模块及排序操作
2019/04/04 Python
python3.6编写的单元测试示例
2019/08/17 Python
Python内置函数locals和globals对比
2020/04/28 Python
python判断是空的实例分享
2020/07/06 Python
python中判断文件结束符的具体方法
2020/08/04 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
亚运会口号
2014/06/20 职场文书
监考失职检讨书
2015/01/26 职场文书
自我检讨报告
2015/01/28 职场文书
车队安全员岗位职责
2015/02/15 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL