美文网首页从零开始学前端
js:标准对象/包装对象

js:标准对象/包装对象

作者: 越IT | 来源:发表于2017-02-23 19:48 被阅读23次

一、在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'

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

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

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

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

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

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

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

    7.判断null请使用myVar === null;

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

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

其它注意事项:

1.任何对象都有toString()方法吗?不是!null和undefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型

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

123.toString(); // SyntaxError

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

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

相关文章

  • js:标准对象/包装对象

    一、在JavaScript的世界里,一切都是对象。 但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用...

  • js包装对象

    ECMAScript 提供了 3 个特殊的引用类型:Boolean、Number和 String。这些类型与其他引...

  • js 包装对象

    原因由于s是一个字符串,在执行第二行中,s.len = 4;;时生成一个临时对象,临时对象在执行完之后则被销毁。故...

  • JS包装对象

    包装对象 定义 对象是 JavaScript 语言最主要的数据类型,三种原始类型的值——数值、字符串、布尔值——在...

  • JavaScript 标准对象

    标准对象包装对象DateRegExpJSON 标准对象 在JavaScript的世界里,一切都是对象。 但是某些对...

  • jq,DOM对象转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。和标准javascript的getEleme...

  • JS里的对象(标准库)

    JS里的对象(标准库) 几个全局对象,全局方法的学习记录 详细教程参考阮一峰的js教学:标准库 全局对象windo...

  • js的包装对象

    在另一篇文章 js的new运算符详解 提到过包装对象,这里详细解释下。 我们之前说string、number 和 ...

  • 第三课 js美化网页

    再议js对象 对象的分类: 1.内建对象 内建对象指由ES标准定义的对象,任何对ES标准的实现都可以使用这些对象 ...

  • Javascript面向对象之组件

    高级面向对象 包装对象(13) js基于原型的程序 String Number Boolean 原型链(14) 实...

网友评论

    本文标题:js:标准对象/包装对象

    本文链接:https://www.haomeiwen.com/subject/ybevwttx.html