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 相关文章推荐
什么是cookie?js手动创建和存储cookie
May 27 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
简单谈谈关于Angular Cli打包的事
Sep 05 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
在Mac下彻底卸载node和npm的方法
May 16 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
Vue实现多页签组件
Jan 14 Vue.js
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 过滤危险html代码
2009/06/29 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
小程序红包雨的实现示例
2019/02/19 Javascript
python基础教程之面向对象的一些概念
2014/08/29 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
心理健康教育心得体会
2013/12/29 职场文书
行政部总经理岗位职责
2014/01/04 职场文书
大学总结自我鉴定
2014/01/18 职场文书
红头文件任命书范本
2014/06/05 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
大学生英文求职信范文
2015/03/19 职场文书
七年级作文之雪景
2019/11/18 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
mysql5.6主从搭建以及不同步问题详解
2021/12/04 MySQL