JavaScript学习笔记(十四)——对象
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意!
如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习。
标准对象
在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 , undefined , function 不同于其他的类型。 null 的类型是 object , Array 的类型也是 object ,所以,通过 typeof 操作符,我们无法区分 null ,Array 和通常意义上的 object —— { } 。
包装对象
除了以上这些标准类型外,JavaScript还提供了包装对象,就好像Java里面 int 与 Integer 的关系。
在JavaScript中, number , boolean , 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 , Boolean 和 String 时,没有用new关键字来创建对象, Number() , Boolean() , String() 会被当做普通对象,把传入的任何类型的数据转换为 number , boolean , string 类型(不是其包装类型):
var n = Number('123'); // 传入字符串“123”,相当于parseInt()或parseFloat()
typeof n; // 'number' 123 var b = Boolean('true'); // 传入字符串“true”,结果为true
typeof b; // 'boolean' var b2 = Boolean('false'); //传入字符串'false',结果为true!因为它是非空字符串!
var b3 = Boolean(''); // 空字符串,结果为false var s = String(123.45); // 传入数字123.45,结果为string字符串‘123.45’
typeof s; // 'string'
总结
在JavaScript中,使用标准对象和包装对象时,需要遵循一下几点:
- 不要使用new Number() ,new Boolean() ,new String() 来创建包装对象;
- 使用parseInt() 和parseFloat() 可以将任意类型转换为number 类型;
- 使用String() 可以将任意类型转换成string 类型,或者直接调用某个对象的toString() 方法;(null,undefined没有此方法)
- 一般不用把任意类型转换为 boolean 再判断,直接写成 if (myVar) {...} 即可;
- 使用typeof 操作符可以判断出number ,boolean ,string ,function ,undefined ;
- 使用Array.isArray(arr) 来判断是不是Array ;
- 使用myVar === null 来判断是不是null ;
- 使用typeof window.myVar === 'undefined' 来判断某个全局变量是否存在;
- 使用typeof myVar === 'undefined' 来判断某个函数内部某个变量是否存在;
注意:
- 以上5-9点注意事项,刚好可以判断所有的标准数据类型。
- 以上第3点注意事项中,并不是所有的对象都有 toString() 方法, null 和 undefined 没有此方法。
- number 对象调用 toString() 方法时,会报错 SyntaxError :
123.toString(); // SyntaxError //需要经过如下处理:
123..toString(); // '123', 注意是两个点!
(123).toString(); // '123'
JavaScript学习笔记(十四)——对象的更多相关文章
- python3.4学习笔记(十四) 网络爬虫实例代码,抓取新浪爱彩双色球开奖数据实例
python3.4学习笔记(十四) 网络爬虫实例代码,抓取新浪爱彩双色球开奖数据实例 新浪爱彩双色球开奖数据URL:http://zst.aicai.com/ssq/openInfo/ 最终输出结果格 ...
- JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)——Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
- JavaScript:学习笔记(10)——XMLHttpRequest对象
JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...
- Javascript学习笔记——操作浏览器对象
Javascript学习笔记 目前尝试利用javascript去对于一个浏览器对象完成一系列的访问及修改, 浏览器是网页显示.运行的平台,常用的浏览器有IE.火狐(Firefox).谷歌(Chrome ...
- javascript学习笔记02--面向对象学习
js面向对象编程 1. javascript 是一种基于对象的编程 object-based(基于对象):遇到的所有对象都是对象2.javascript没有类class,但是有新的原型对象,习 ...
- (C/C++学习笔记) 十四. 动态分配
十四. 动态分配 ● C语言实现动态数组 C语言实现动态数组,克服静态数组大小固定的缺陷 C语言中,数组长度必须在创建数组时指定,并且只能是一个常数,不能是变量.一旦定义了一个数组,系统将为它分配一个 ...
- JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)
1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向 ...
- python cookbook第三版学习笔记十四:类和对象(五)代理类以及内存回收
代理类: 代理类的作用其实有继承有些类似,如果你想将某个实例的属性访问代理到内部另外一个实例中去,可以用继承也可以用代理.来看下代理的应用: class A: def spam(self,x) ...
- JavaScript学习笔记之原型对象
本文是学习<JavaScript高级程序设计>第六章的笔记. JS中,便于批量创建对象的三种模式: 1.工厂模式:用一个函数封装创建对象的细节,传入必要的参数,在函数内部new一个对象并返 ...
- JavaScript学习笔记(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
一.AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效 ...
随机推荐
- 张高兴的 Windows 10 IoT 开发笔记:使用 ULN2003A 控制步进电机
GitHub:https://github.com/ZhangGaoxing/windows-iot-demo/tree/master/ULN2003A
- 使用getCurrentPosition方法实时获取当前Geolocation信息(赋源码文件)--html5、JavaScript
使用getCurrentPosition方法实时获取当前Geolocation信息: 1.typeof 运算符返回一个用来表示表达式的数据类型的字符串 <script> alert(typ ...
- Loadrunner Webservice接口性能测试脚本编写优化总结
本文主要介绍使用Loadrunner Webservice接口性能测试脚本编写及优化总结. 1.Webservice协议脚本编写流程 下面介绍使用Loadrunner 11调用Webservice接口 ...
- LINUX 笔记-Shell 脚本控制语句
1.if 语句 if condition1;then command1 elif condition2;then command2 else command3 fi 2.case 语句 case va ...
- JAVA中java.util.Date、java.sql.Timestamp和String之间的互相转换
java.util.Date与的String互转 java.util.Date---->String /** * 将java.util.Date对象转化为String字符串 * @param d ...
- ReflectiveLoader分析(远程线程注入 PE修正)
从github上下载了ReflectiverLoader认真学习了一下 在代码中得到一些心得和自己的想法,都按步骤写到了代码中,现在分享给大家,如有错,望大家指正 其中需要注入的dll和解析, 内存R ...
- JavaScript面向对象深入理解原型
原型模式 function Person(){ } Person.prototype.name="Ewarm"; Person.prototype.age="29&quo ...
- 简易RPC框架-上下文
*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...
- linux中必会的目录
第1章 find命令扩展 1.1 方法一 |xargs 通过|xargs将前面命令的执行结果传给后面. [root@znix ~]# find /oldboy/ -type f -name " ...
- js foreach、map函数
语法:forEach和map都支持2个参数:一个是回调函数(item,index,input)和上下文: •forEach:用来遍历数组中的每一项:这个方法执行是没有返回值的,对原来数组也没有影响: ...