浅谈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 相关文章推荐
ext checkboxgroup 回填数据解决
Aug 21 Javascript
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
JS实现日期加减的方法
Nov 29 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
Sep 08 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
vue实现移动端触屏拖拽功能
Aug 21 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原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
JS 树形递归实例代码
2010/05/18 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
2013/10/11 Javascript
JS实现简单的图书馆享元模式实例
2015/06/30 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
python学习数据结构实例代码
2015/05/11 Python
Python环境下安装使用异步任务队列包Celery的基础教程
2016/05/07 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
python框架flask表单实现详解
2019/11/04 Python
使用Python求解带约束的最优化问题详解
2020/02/11 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
自我评价范文分享
2014/01/04 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
班主任评语大全
2014/04/26 职场文书
物业总经理助理岗位职责
2014/06/29 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
战马观后感
2015/06/08 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server