文档章节

javascript标准对象与包装对象

pricker
 pricker
发布于 2015/07/22 21:19
字数 798
阅读 531
收藏 9
js

 

标准对象

在JavaScript的世界里,一切都是对象。

但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串:

typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typeof Math.abs; // 'function' typeof null; // 'object' typeof []; // 'object' typeof {}; // 'object'

可见,number、string、boolean、function和undefined有别于其他类型。特别注意null的类型是object,Array的类型也是object,如果我们用typeof将无法区分出null、Array和通常意义上的object——{}。

包装对象

除了这些类型外,JavaScript还提供了包装对象,熟悉Java的小伙伴肯定很清楚int和Integer这种暧昧关系。

number、boolean和string都有包装对象。没错,在JavaScript中,字符串也区分string类型和它的包装类型。包装对象用new创建:

var n = new Number(123); // 123,生成了新的包装类型 var b = new Boolean(true); // true,生成了新的包装类型 var s = new String('str'); // 'str',生成了新的包装类型

虽然包装对象看上去和原来的值一模一样,显示出来也是一模一样,但他们的类型已经变为object了!所以,包装对象和原始值用===比较会返回false:

typeof new Number(123); // 'object' new Number(123) === 123; // false typeof new Boolean(true); // 'object' new Boolean(true) === true; // false typeof new String('str'); // 'object' new String('str') === 'str'; // false

所以闲的蛋疼也不要使用包装对象!尤其是针对string类型!!!

如果我们在使用Number、Boolean和String时,没有写new会发生什么情况?

此时,Number()、Boolean和String()被当做普通函数,把任何类型的数据转换为number、boolean和string类型(注意不是其包装类型):

var n = Number('123'); // 123,相当于parseInt()或parseFloat() typeof n; // 'number' var b = Boolean('true'); // true typeof b; // 'boolean' var b2 = Boolean('false'); // true! 'false'字符串转换结果为true!因为它是非空字符串! var b3 = Boolean(''); // false var s = String(123.45); // '123.45' typeof s; // 'string'

是不是感觉头大了?这就是JavaScript特有的催眠魅力!

总结一下,有这么几条规则需要遵守:

  • 不要使用new Number()、new Boolean()、new String()创建包装对象;

  • 用parseInt()或parseFloat()来转换任意类型到number;

  • 用String()来转换任意类型到string,或者直接调用某个对象的toString()方法;

  • 通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...};

  • typeof操作符可以判断出number、boolean、string、function和undefined;

  • 判断Array要使用Array.isArray(arr);

  • 判断null请使用myVar === null;

  • 判断某个全局变量是否存在用typeof window.myVar === 'undefined';

  • 函数内部判断某个变量是否存在用typeof myVar === 'undefined'。

最后有细心的同学指出,任何对象都有toString()方法吗?null和undefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。

更细心的同学指出,number对象调用toString()报SyntaxError:

123.toString(); // SyntaxError

遇到这种情况,要特殊处理一下:

123..toString(); // '123', 注意是两个点!
(123).toString(); // '123'

不要问为什么,这就是JavaScript代码的乐趣!

© 著作权归作者所有

pricker
粉丝 7
博文 56
码字总数 33145
作品 0
渭南
私信 提问
加载中

评论(1)

南漂一卒
南漂一卒
干嘛不问?不问清楚,怎么感受 JavaScript 的魅力?何来乐趣?
JS对象与Dom对象与jQuery对象之间的区别

前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象 解......

苦水润喉
2018/08/16
0
0
DOM对象和js对象以及jQuery对象的区别

DOM对象和js对象以及jQuery对象的区别 一、DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。 DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修...

奋斗的雲
2018/09/17
55
0
gopherjs xhr 学习

gopherjs 生态里有 XMLHttpRequest 的包装 honnef.co/go/js/xhr 库(项目地址, 文档) XMLHttpReqeust 文档 例子 通过 xhr.NewRequest 创建出 对象,设置响应类型 ResponeType 为 "json",这......

electricface
2019/04/29
27
0
JavaScript学习记录day9-标准对象

JavaScript学习记录day9-标准对象 [TOC] 在JavaScript的世界里,一切都是对象。 但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用操作符获取对象的类型,它总是返回一个字符...

ygqygq2
2018/06/11
0
0
instanceof使用中可能漏掉的一点细节

前言 在面向对象语言中,一般都有关键字 instanceof 来检测对象类型,更准确点来说是检测对象是哪个类型的实例。那么在 JS 中这个关键字又有什么不同之处呢?此文仅是一篇对 ES 标准中 inst...

苏进取
2019/05/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ruby,exec,system和%x()或Backticks之间的区别

以下Ruby方法有什么区别? exec , system和%x()或反引号 我知道它们用于通过Ruby以编程方式执行终端命令,但我想知道为什么有三种不同的方法可以做到这一点。 #1楼 系统 system方法调用系统...

技术盛宴
12分钟前
54
0
UPX 压缩最终文件的尝试

来源 https://github.com/upx/upx UPX 命令详解 以下命令源于UPX 3.96 用法 upx [-123456789dlthVL] [-qvfk] [-o file] file... 命令 -1 快速压缩-9 更好压缩-d 解压缩-l 压...

神秘的农夫
13分钟前
41
0
设计模式之单例模式

单例模式是各场景下常用的一种模式。 安全的double check的实现 注意点 构造函数为private修饰,不让外部直接调用创建类 两次if判断instance是否为空。第一层是为了判断如果instance存在直接...

Lubby
14分钟前
70
0
万能爬虫

公众号不让外部引用图片 剩下的都在星球更新,免费没人看

开飞色
18分钟前
57
0
学习01-html(新增语义化标签,多媒体标签,表单属性)

新增语义化标签 header 头部标签 nav 导航栏标签 article 内容标签 section 块级标签 aside 侧边栏标签 footer 尾部标签 多媒体标签 audio音频 三总音频格式 Ogg vorbis;Mp3;Wav; 属性 ...

宋_
18分钟前
46
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部