浅谈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 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 Javascript
react的滑动图片验证码组件的示例代码
Feb 27 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
Aug 06 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中error_log()函数的使用方法
2015/01/20 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
js快速排序的实现代码
2013/12/08 Javascript
javascript的BOM汇总
2015/07/16 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
js使用i18n实现页面国际化的方法
2017/05/09 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
python 获取图片分辨率的方法
2019/01/08 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
用python制作个音乐下载器
2021/01/30 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
Europcar意大利:汽车租赁
2019/07/07 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
广州某公司软件工程师面试题
2014/12/22 面试题
Unix控制后台进程都有哪些进程
2016/09/22 面试题
教师实习期自我鉴定
2013/10/06 职场文书
旅游活动总结
2014/08/27 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
关于远足的感想
2015/08/10 职场文书
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript