当前位置:首页 > 日记 > 正文

JavaScript标准对象_动力节点Java学院整理

JavaScript标准对象_动力节点Java学院整理

在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、functionundefined有别于其他类型。特别注意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; // falsetypeof new Boolean(true); // 'object'new Boolean(true) === true; // falsetypeof new String('str'); // 'object'new String('str') === 'str'; // false

所以闲的蛋疼也不要使用包装对象!尤其是针对string类型!!!
如果我们在使用Number、BooleanString时,没有写new会发生什么情况?
此时,Number()、BooleanString()被当做普通函数,把任何类型的数据转换为number、booleanstring类型(注意不是其包装类型):

var n = Number('123'); // 123,相当于parseInt()或parseFloat()typeof n; // 'number'var b = Boolean('true'); // truetypeof b; // 'boolean'var b2 = Boolean('false'); // true! 'false'字符串转换结果为true!因为它是非空字符串!var b3 = Boolean(''); // falsevar 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()方法吗?nullundefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。

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

123.toString(); // SyntaxError

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

Photoshop制作精致的灰色圆形质感

Photoshop制作精致的灰色圆形质感

质感,按钮,灰色,精致,电脑软件,最终效果 1、新建一个大小适当的文档,背景填充灰色。2、新建图层,选择“椭圆”工具进行绘制。3、为“形状 1”添加图层样式“投影”效果。 4、更改“形状 1”的填充为…

清除Win7系统DNS缓存

清除Win7系统DNS缓存

清除,系统,缓存系统,缓存,电脑软件,有些时候,由于某些原因,系统访问网站的时候会提示需要清除本地的dns信息,或者出现dns解析故障就必须清理系统dns缓存。有些用户碰到这些情况的时候不知道该怎么办。别着急,针对这个情况小编今天就来教大家怎…

CorelDRAW X7软件制作一个中国联通

CorelDRAW X7软件制作一个中国联通

教程,标志,电脑软件,CorelDRAW,Logo,效果图:制作步骤:Lo标志具有创意独特性,需要设计师天马行空的想象,在绘制Lo标志时,CorelDRAW X7软件可以提供多种工具方便Lo的造型。本教程将带大家详解用CorelDRAW X7软件制作联通Lo标志的一种方法。选择&…

Angularjs中使用指令绑定点击事件

Angularjs中使用指令绑定点击事件

点击事件,指令,绑定,方法,电脑软件,项目中,模板中的菜单是jQuery控制的,在Angularjs中就运行不到了,因为菜单项是ng-repeat之后的。如html<ul id="main-menu"> <li class=""> <a href="javascript:;" rel="external nofollow" rel="…

javascript中apply/call和bind的使

javascript中apply/call和bind的使

电脑软件,apply,javascript,bind,call,fun.apply(context,[argsArray])立即调用fun,同时将fun函数原来的this指向传入的新context对象,实现同一个方法在不同对象上重复使用。context:传入的对象,替代fun函数原来的this;argsArray:一个数组或者…

ppt2013导出视频失败怎么处理

ppt2013导出视频失败怎么处理

步骤,视频,怎么处理,电脑软件,  ppt2013增加了导出视频功能,使ppt更加的完善。他如何到处成为视频格式呢?其实方法不难,现在小编马上给大家演示一下PPT2013导出视频的步骤,希望看完本教程的朋友都能学会并运用起来。PPT2013导出视频的步骤首…

word文档中文件怎么插入gif动图

word文档中文件怎么插入gif动图

文件,文档,电脑软件,图文,word,  如果word文件中想要插入动图,并让动图动起来,那么就需要了解一下制作插入动图的操作步骤了。以下是小编为您带来的关于word文档中文件插入gif动图,希望对您有所帮助。word文档中文件插入gif动图1、首先启动w…

正则表达式i修饰符 | 大小写不敏感

正则表达式i修饰符 | 大小写不敏感

修饰符,大小写不敏感,正则表达式,电脑软件,正则表达式i修饰符:i修饰符用来规定正则表达式的匹配是大小写不敏感的。语法结构:构造函数方式:new RegExp("regexp","i")对象直接量方式:/regexp/i浏览器支持:IE浏览器支持此元字符。火狐浏…

ppt2010怎么删除的背景ppt2010删除

ppt2010怎么删除的背景ppt2010删除

删除,方法,步骤,背景,图片,  在制作幻灯片的时候有些图片我们并不想要背景,那如何删除图片的背景呢?具体怎么做下面小编来告诉你ppt2010怎么删除图片的背景。希望对你有帮助!ppt2010删除图片的背景的步骤打开ppt目录栏中的插入&mdash;&mdas…

详解vue渲染从后台获取的json数据

详解vue渲染从后台获取的json数据

数据,后台,详解,电脑软件,vue,?公司项目原来用的框架扩展性太差,准备更新前台页面然后用vue渲染dom然后我写了一个demo$(document).ready(function(){ $.ajax({ type:"post", url:"", async:true, data:{ }, da…

JavaScript代码执行的先后顺序问题

JavaScript代码执行的先后顺序问题

执行,顺序,代码,电脑软件,JavaScript,一、js--->单线程   严格意义上来说,javascript没有多线程的概念,所有的程序都是单线程依次执行的。1、什么是单线程?通俗点说,就是代码在执行过程中,另一段代码想要执行就必须等当前代码执行完成后才可以…

在word中怎样输入化学方程式 word

在word中怎样输入化学方程式 word

输入,方法,步骤,化学方程式,电脑软件,  化学方程式的书写不管是学生还是老师都是一个绕不开的工作。化学方程式中有很多的上下标格式、括号,这给我们老师录入化学方程式到文档中带来了不小的困难,如何快速的录入化学方程式是我们亟需解决的…