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


Posted in Javascript onJune 27, 2017

在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; // false

typeof new Boolean(true); // 'object'
new Boolean(true) === true; // false

typeof 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'); // 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()方法吗?nullundefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。

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

123.toString(); // SyntaxError

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

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

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

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

Javascript 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
vue-cli在 history模式下的配置详解
Nov 26 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 #Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 #Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 #Javascript
JavaScript变量作用域_动力节点Java学院整理
Jun 27 #Javascript
详解微信小程序 登录获取unionid
Jun 27 #Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 #Javascript
详解vue项目构建与实战
Jun 27 #Javascript
You might like
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python实现远程调用MetaSploit的方法
2014/08/22 Python
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
python3安装speech语音模块的方法
2018/12/24 Python
python实现远程控制电脑
2019/05/23 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
浅析python redis的连接及相关操作
2019/11/07 Python
浅析python中的del用法
2020/09/02 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
网游商务专员求职信
2013/10/15 职场文书
茶叶生产计划书
2014/01/10 职场文书
北京大学自荐信范文
2014/01/28 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
大学生受助感言
2015/08/01 职场文书
德生BCL3000抢先使用感受和评价
2022/04/07 无线电