instanceof, typeof, & Object.prototype.toString
/**
*
* @authors Your Name (you@example.org)
* @date 2016-11-18 09:31:23
* @version $Id$
*/
instanceof:
1、左操作数是一个对象,右操作数是标识对象的类,如果左侧的对象是右侧类的实例,则表达式返回true,否则返回false
2、如果左边的操作数不是对象,返回false
3、如果右边的操作数不是函数,抛出类型错误异常
4、在计算obj instanceof f 时, 会先计算f.prototype, 然后在原型链中查找obj,如果找到则obj是f或者是f父类的实例,则返回true
//注意原始值与对象的区别
//instanceof
var data = [1, 2, 3, 4, 5];
data instanceof Array; //true
data instanceof Object; //true
data instanceof Number; //false
1 instanceof Number; //false
1 instanceof Object; //false
var num = 1;
num instanceof Number; //false
num instanceof Object; //false
var num = Number(1);
num instanceof Number; //false
num instanceof Object; //false
Number(1) instanceof Number; //false
Number(1) instanceof Object; //false
var num1 = new Number(1);
num1 instanceof Number; //true
num1 instanceof object; //true
null instanceof Object; //false;
undefined instanceof Object; //false;
var data = [1, 2, 3, 4, 5];
var bb = {};
var cc = function(){};
data instanceof bb; //TypeError: Expecting a function in instanceof check, but got #<Object>
data instanceof cc; //false
typeof
typeof a : typeof 后的操作数可以是任意类型,返回值为操作数类型的字符串
//typeof
typeof undefined; // "undefined"
typeof null; // "object"
typeof ture; // "boolean"
typeof false; // "boolean"
typeof NaN; // "number"
typeof Infinity // "number"
typeof 1 //"number"
typeof "abc"; //"string"
typeof function(){}; // "function"
typeof RegExp; //"function"
typeof Math; //"object"
Object.prototype.toString
默认的toString方法:Object.prototype.toString()返回[object class], 我们可以通过它获取对象的类型信息
var data = [1, 2, 3, 4, 5];
Object.prototype.toString.call(data); //"[object Array]"
我们可以定义如下的函数返回对象的类型信息
function classof(obj){
if(obj === null){
return "Null";
}
if(obj === undefined){
return "Undefined";
}
return Object.prototype.toString.call(obj).slice(8, -1);
}
测试:
classof(null); // "Null"
classof(undefined) // "Undefined"
classof("abc"); // "String"
classof([]); // "Array"
classof({}); //"Object"
classof(//); // SyntaxError: Unexpected token }
classof(/,/); //"RegExp"
classof(new Date()); //"Date"
classof(window); // "global"
classof(function(){}); // "Function"
function f(){}; classof(new f()); //"Object"
需要注意的:
1、javascript中除了原始值(数字、字符串、布尔值、null、undefined)之外的都是对象
2、javascript不区分整数值和浮点数值
3、任何Javascript值都可以转换为布尔值,下面的都会被转换为false
undefined
null
0 / -0
NaN
""
因而如需检测对象是不是null应该采用如下方式而不是直接if(obj):
if(obj !== null)
4、null是关键字可以理解为一个特殊的对象值,但是对 typeof null 返回"object"
5、undefined用于表示未定义,不是关键字,typeof undefined 返回 "undefined"
查询时如果不存在返回undefined,函数没有返回值返回undefined;
undefined是预定义的全局变量;在ECMAScript3中是可读写变量,ECMAScript5中是只读变量
null == undefined; //true
null === undefined; //false;
另外null和undefined不包含任何属性和方法,因而使用用null和undefined做. 或者 [] 操作会报类型错误
6、null和undefined在任何期望是一个对象的地方都会造成类型错误异常,区别于字符串、数字、布尔值,详细见下一条
7、字符串,数字和布尔值虽然不是对象,但是在读取它们的属性或者方法时,表现的和对象一样,使用它们的方法和属性时会通过其对应的构造函数创建一个临时对象,例如:
var string = "wish you happy";
var words = string.split(" ");
我们在引用string的属性时javascript会调用new String(string);
但是,如果我们给他们的属性赋值则会忽略相关操作,例如:
var string = "wish you happy";
string.length = 17;
string.len = 14;
console.log(string.length); //14
console.log(string.len); //undefined
8、需要注意的类型转换:
//转化为字符串
undefined: "undefined"
null: "null"
true: "true"
false: "false"
0: "0"
-0: "0"
NaN: "NaN"
Infinity: "Infinity"
-Infinity: "-Infinity"
[]: ""
[1, 2, 3]: "1,2,3"
//转化为数字
undefined: NaN
null: 0
"": 0
"1.2": 1.2
"wish": NaN
instanceof, typeof, & Object.prototype.toString的更多相关文章
- JS基础-数据类型判断typeof、instanceof、Object.prototype.toString
typeof用在基本数据类型和函数时,返回其对应类型的描述,对于引用类型都返回为object. instanceof无法判断基本数据类型,对于引用类型数据,返回其其对应类型. Object.proto ...
- instanceof constructor Object.prototype.tostring.call ( [] )区别 数组和 对象的3中方法
- Object.prototype.toString & typeof
Object.prototype.toString & typeof Object.prototype.toString 获取某个对象属于哪种内置类型 typeof 得到某个对象的类型 差别 ...
- 类型判断----小白讲解typeof,instanceof,Object.prototype.toString.call()
1.typeof只能判断基本类型数据, 例子: typeof 1 // "number" typeof '1' // "string" typeof true ...
- JS四种判断数据类型的方法:typeof、instanceof、constructor、Object.prototype.toString.call()
1.typeof 1 console.log(typeof ""); //string 2 console.log(typeof 1); //number 3 console.lo ...
- typeof 、Object.prototype.toString和 instanceof
数据类型 js 基本类型包括:Undefined symbol null string boolean number js 引用类型包括:object array Date RegExp typeo ...
- JavaScript instanceof深度剖析以及Object.prototype.toString.call()使用
本文由segementfalt上的一道instanceof题引出: var str = new String("hello world"); console.log(str ins ...
- 利用Object.prototype.toString方法,实现比typeof更准确的type校验
Object.prototype.toString方法返回对象的类型字符串,因此可以用来判断一个值的类型. 调用方法: Object.prototype.toString.call(value) 不同 ...
- Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()判断数组的方法的优缺点
1. Object.prototype.toString.call() 每一个继承 Object 的对象都有 toString 方法,如果 toString 方法没有重写的话,会返回 [Object ...
随机推荐
- Ajax&json
通过json-lib方式 复杂情况:
- ubuntu使用经验整理
===================================================== 清理/boot分区 =================================== ...
- #include <stdarg.h>
名称描述相容 // 作用描述 va_start使va_list指向起始的参数 va_arg检索参数C89 va_end释放va_list va_copy拷贝va_list的内容 实例解析: #inc ...
- MyEclipse 自带的TomCat 新增部署的时候不显示 Deploy Location
项目总是报错,添了删,删了又添了N次以后,发现添加部署的时候,Deploy Location 没有值了,Deploy Location 没有值在自带的Tomcat上就无法用浏览器浏览(Open in ...
- Tableau:数据可视化之急速BI
1.我们通过数据可视化,是为了从数据中寻找什么呢?三个方面:模式.关系和异常.不管图形表现的是什么,我们都要留心观察这三者.
- 【TextBox】重写右键菜单
参考资料 http://bbs.csdn.net/topics/390324356 http://www.cnblogs.com/ycxy/archive/2012/10/09/2716852.htm ...
- TclError: no display name and no $DISPLAY environment variable
%matplotlib inline 或 %matplotlib notebook
- 如何用MediaCapture解决二维码扫描问题
二维码扫描的实现,简单的来说可以分三步走:“成像”.“截图”与“识别”. UWP开发中,最常用的媒体工具非MediaCapture莫属了,下面就来简单介绍一下如何利用MediaCapture来实现扫描 ...
- 淘宝UWP--自定义图片缓存
一.应用场景 在淘宝应用首页,会有很多张图片,而这些首页图片不会经常改变,所以就需要缓存下来.这样就不必每次都从网络获取. 二.比较对象 1.系统缓存 对于系统缓存,我们不需要做什么处理.只需要把网络 ...
- Java IO6:字符流进阶及BufferedWriter、BufferedReader
字符流和字节流的区别 拿一下上一篇文章的例子: public static void main(String[] args) throws Exception { File file = new Fi ...