JavaScript引用类型Object常见用法实例分析


Posted in Javascript onAugust 08, 2018

本文实例讲述了JavaScript引用类型Object常见用法。分享给大家供大家参考,具体如下:

1、JavaScript数据类型

(1)基本类型

5种基本类型:UndefinedNullBooleanNumberString

(2)引用类型

5种引用类型:ObjectArrayDateRepExpFunction

(3)基本类型与引用类型的异同:

1)保存方式

基本类型是按值访问的。引用类型的值是按引用访问的,引用类型的值是保存在内存中的对象,JavaScript在操作对象时,实际上是操作对象的引用而不是实际的对象。

2)复制变量值

复制基本类型值会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上。复制引用类型值也会将存储在变量对象的值复制一份到新变量的空间,只是值的副本是一个指针,指向存储在堆中的一个对象。

3)参数传递

JavaScript中访问变量有按值和引用两种方式,而参数只能按值传递。

2、Object类型

对象是某个引用类型的实例。

大多数引用类型值都是Object类型的实例。

---创建Object实例的方法

(1) 使用new操作符后跟Object构造函数。

var person = new Object();
person.name = "Alice";
person.age = 23;
person[5] = true;

(2) 使用字面量表示法。

var person = {
  "name" : "Alice",
  age : 23,
  5 : true
};

当属性名是字符串时,引号(单、双引号)可用也可不用。

对象字面量是向函数传递大量可选参数的首选方式。

---访问对象属性的方法

(1) 点表示法

alert(person.name);

(2)方括号表示法

alert(person["name"];

方括号表示法的优点:可以通过变量来访问属性。

var property = "name";
alert(person[property];

若属性名中包含空格等或属性名是数值时,不能用点表示法,只能用方括号表示法。

alert(person[5]);

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery+css实现图片滚动效果(附源码)
Mar 18 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
Nov 17 Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
js实现简单的计算器功能
Jan 16 Javascript
AngularJS的$location使用方法详解
Oct 19 Javascript
js前端导出Excel的方法
Nov 01 Javascript
p5.js入门教程和基本形状绘制
Mar 15 Javascript
微信小程序wepy框架笔记小结
Aug 08 #Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 #Javascript
JavaScript常见JSON操作实例分析
Aug 08 #Javascript
vue.js与后台数据交互的实例讲解
Aug 08 #Javascript
JS实现自定义弹窗功能
Aug 08 #Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 #Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 #jQuery
You might like
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
php header示例代码(推荐)
2010/09/08 PHP
PHP中使用BigMap实例
2015/03/30 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
火狐textarea输入法的bug的触发及解决
2013/07/24 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
Python多线程编程(五):死锁的形成
2015/04/05 Python
Django多数据库的实现过程详解
2019/08/01 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
商务主管岗位职责
2013/12/08 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
思想作风建设心得体会
2014/10/22 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python