浅谈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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
jQuery时间轴插件使用详解
Jul 16 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
js仿京东轮播效果 选项卡套选项卡使用
Jan 12 Javascript
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
javascript刷新父页面方法汇总详解
Oct 10 Javascript
node.js使用stream模块实现自定义流示例
Feb 13 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
php的curl实现get和post的代码
2008/08/23 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
php生成网页桌面快捷方式
2017/05/05 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
window.open的功能全解析
2006/10/10 Javascript
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
python编写实现抽奖器
2020/09/10 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
优秀员工年终发言演讲稿
2014/01/01 职场文书
温馨提示标语
2014/06/26 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
求职信范文怎么写
2015/03/19 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
MySQL分区表实现按月份归类
2021/11/01 MySQL
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技