浅谈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 分页全选或反选标识实现代码
Aug 09 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
初识SmartJS - AOP三剑客
Jun 08 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 Javascript
jsTree事件和交互以及插件plugins详解
Aug 29 Javascript
基于vue-ssr服务端渲染入门详解
Jan 08 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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生成随机数或者字符串的代码
2008/09/05 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
通过js修改input、select默认字体颜色
2017/04/19 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
简单介绍Python中的len()函数的使用
2015/04/07 Python
python中map()函数的使用方法示例
2017/09/29 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
Python3删除排序数组中重复项的方法分析
2019/01/31 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
元旦红领巾广播稿
2014/02/19 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
护理目标管理责任书
2014/07/25 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
python实现MD5进行文件去重的示例代码
2021/07/09 Python
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers