23、JavaScript 标准对象

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

 

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

  1. typeof 123// 'number'
  2. typeof NaN; // 'number'
  3. typeof 'str'; // 'string'
  4. typeof true// 'boolean'
  5. typeof undefined; // 'undefined'
  6. typeof Math.abs; // 'function'
  7. typeof null// 'object'
  8. typeof []; // 'object'
  9. 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创建:

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

 

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

  1. typeof new Number(123); // 'object'
  2. new Number(123) === 123// false
  3. typeof new Boolean(true); // 'object'
  4. new Boolean(true) === true// false
  5. typeof new String('str'); // 'object'
  6. new String('str') === 'str'; // false

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

 

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

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

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

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

 

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

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'

 

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

 

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

  1. 123.toString(); // SyntaxError
  2. 遇到这种情况,要特殊处理一下:
  3. 123..toString(); // '123', 注意是两个点!
  4. (123).toString(); // '123'

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

JavaScript 标准对象

付杰
SEO顾问 中小型网站 单站最低99.9元 全方位优化
SEO顾问 中小型网站 单站最低99.9元 全方位优化
  • ¥ 99.9元
  • 市场价:5000元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 199.9元
  • 市场价:20000元
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
  • ¥ 9.9元
  • 市场价:49.9元
wordpress站群服务 泛解析二级域名 二级目录站群
wordpress站群服务 泛解析二级域名 二级目录站群
  • ¥ 1999.9元
  • 市场价:4800元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: