浅谈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 相关文章推荐
javascript web页面刷新的方法收集
Jul 02 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
原生js实现tab选项卡切换
Mar 23 Javascript
JavaScript基本类型值-Number类型
Feb 24 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
js+css实现红包雨效果
Jul 12 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
微信小程序实现底部弹出模态框
Nov 18 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
解析百度搜索结果link?url=参数分析 (全)
2012/10/09 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
jquery滚动条插件(可以自定义)
2016/12/11 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python常见字典内建函数用法示例
2018/05/14 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
解决pyinstaller打包运行程序时出现缺少plotly库问题
2020/06/02 Python
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
Brother加拿大官网:打印机、贴标机、缝纫机
2019/10/09 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
GWT都有什么特性
2016/12/02 面试题
师范生的个人求职信范文
2014/01/04 职场文书
妇女干部培训方案
2014/05/12 职场文书
支行行长竞聘演讲稿
2014/05/15 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
React配置子路由的实现
2021/06/03 Javascript
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL
MySQL数据库 任意ip连接方法
2022/05/20 MySQL