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 相关文章推荐
Javascript 文件夹选择框的两种解决方案
Jul 01 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
jquery选择器(常用选择器说明)
Sep 28 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
轻松学习Javascript闭包函数
Dec 15 Javascript
基于JavaScript实现div层跟随滚动条滑动
Jan 12 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
vue中使用cropperjs的方法
Mar 01 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
JS实现随机点名器
Apr 12 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
业余方法DIY电子管FM收音机
2021/03/02 无线电
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
php curl发送请求实例方法
2019/08/01 PHP
使用jquery实现图文切换效果另加特效
2013/01/20 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
Python 正则表达式入门(初级篇)
2016/12/07 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
Python3 元组tuple入门基础
2020/02/09 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
详解Python 最短匹配模式
2020/07/29 Python
Python二元算术运算常用方法解析
2020/09/15 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
泰国网上购物:Shopee泰国
2018/09/14 全球购物
《欢乐的泼水节》教学反思
2014/04/22 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
民事起诉状范文
2015/05/19 职场文书
中学图书馆工作总结
2015/08/11 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android