浅谈javascript中基本包装类型


Posted in Javascript onJune 03, 2015

为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean、Number和String。这些类型与本章介绍的其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。如下例子:

var s1="some text";

var s2=s1.substring(2);

这个例子中的变量s1包含一个字符串,字符串当然是基本类型值,而下一行代码调用了s1的substring()方法,并将返回的结果保存在了s2中。我们知道,基本类型值不是对象,因而从逻辑上讲它们不应该有方法(尽管如我们所愿,它们确实有方法)。其实,为了让我们实现这种直观的操作,后台已经自动完成了一系列的处理。当第二行代码访问s1时,访问过程处于一种读取模式,也就是呀从内存中读取这个字符串的值。而在读取模式中访问字符串时,后台都会自动完成下列处理。
1.创建String类型的一个实例;
2.在实例上调用指定的方法;
3.销毁这个实例。

可以将以上三个步骤想象成是执行了下列ECMAScript代码。

var s1=new String("some text");

var s2=s1.substring(2);

s1=null;

经过此番处理,基本的字符串值就变得跟对象一样了,而且,上面这三个步骤也分别适用于Boolean和Number类型对应的布尔值和数字值。

引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。这意味着我们不能再运行时为基本类型值添加属性和方法。如下面例子:

var s1="some text"

s1.color="red";

alert(s1.color);//undefined

在此,第二行代码试图为字符串s1添加一个color属性。但是,当第三行代码在此访问s1时,其color属性不见了。问题的原因就是第二行创建的String对象在执行第三行代码时已经被销毁了。第三行代码又创建自己的String对象,而该对象没有color属性。

当然,可以显示的滴调用Boolean、Number和String来创建基本包装类型的对象。不过,应该在绝对必要的情况下再这样做,因为这种做法很容易让人分不清自己是在处理基本包装类型还是引用基本包装类型的值。对基本包装类型的实例调用typeof会返回“object”,而且所有基本包装类型的对象都会被转换为布尔值true。

Object构造函数也会像工厂方法一样,根据传入值得类型返回相应基本包装类型的实例。例如:

var obj=new Object("some text");

alert(obj instanceof String);//true

把字符串传给Object构造函数,就会创建String的实例;而传入数值参数会得到Number的实例,传入布尔值参数就会得到Boolean的实例。

要注意的是,使用new调用基本包装类型的构造函数,与直接调用同名的转型函数是不一样的。例如:

var value="25";

var number=Number(value); //转型函数

alert(typeof number); //"number"

var obj=new Number(value); //构造函数

alert(typeof obj); //"object"

在这个例子中,变量number中保存的是基本类型的值25,而变量obj中保存的是Number的实例。

尽管我们不建议显式的创建基本包装类型的对象,但它们操作基本类型值的能力还是相当重要的。而每个基本包装类型都提供了操作相应值的便捷方法。

意思所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
拖拉表格的JS函数
Nov 20 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
Jquery使用小技巧汇总
Dec 29 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
JS中数组重排序方法
Nov 11 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
js中函数声明与函数表达式
Jun 03 #Javascript
JavaScript基本语法讲解
Jun 03 #Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 #Javascript
ECMAScript中函数function类型
Jun 03 #Javascript
JavaScript运算符小结
Jun 03 #Javascript
浅谈JavaScript字符串与数组
Jun 03 #Javascript
详谈javascript中的cookie
Jun 03 #Javascript
You might like
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
web.py在模板中输出美元符号的方法
2014/08/26 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
python中logging库的使用总结
2017/10/18 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
django2笔记之路由path语法的实现
2019/07/17 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
keras:model.compile损失函数的用法
2020/07/01 Python
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
业务员薪酬管理制度
2014/01/15 职场文书
诉前财产保全担保书
2014/05/20 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书