JS中的typeof和instanceof的区别

JS中的typeof和instanceof的区别

01：typeof常用来判断一个变量【可以是基本数据类型的变量/对象数据类型的变量】 是什么类型。
instanceof 仅仅 用来判断一个 对象 是否是 指定的 对象数据类型 的一个 实例。

区别：
1：typeof操作符 作用域 五种基本数据类型的变量 和 一种复杂数据类型的变量 ， 返回值 是：
string number boolean undefined null object function

2：当typeof操作符 无论是 作用于 Person/Object/Array/RegExp/null 都返回 object 字符串。

3：instanceof操作符 仅仅作用于 对象变量 ， 返回 true/false 。表示 对象变量 是否是 指定的 构造函数 的 实例变量 ，比如： person instanceof Person , obj instanceof Object ……
当作用于 基本数据类型变量 的时候 ， 总是返回 false.

02：typeof 运算符 返回 指定变量 的 数据类型 的 字符串。

03：typeof一般返回以下几个字符串【返沪的是字符串】：
“number”， “string”，“boolean”，“object”，“function”，“undefined”

1: 后面跟的是 原始类型的 数字 比如： alert(typeof 1 ) 则返回 “number”

2：如果后面跟的是 包装类型的 数字 ， 比如 alert(typeof new Number(1)) , 则返回object.

3: 后面跟的是 原始类型的 字符串 比如： alert(typeof “n” ) 则返回 “string”

4：如果后面跟的是 包装类型的 字符串 ， 比如 alert(typeof new String(“n”)) , 则返回object.

5: 后面跟的是 原始类型的 布尔值 比如： alert(typeof true ) 则返回 “boolean”

6：如果后面跟的是 包装类型的 字符串 ， 比如 alert(typeof new Boolean(true)) , 则返回object.

7: 如果 是 undefined ， 则直接返回"undefined"字符串。如：alert(typeof undefined);

8: 如果 是 null， 则直接返回"object"字符串。如：alert(typeof null);

9: 如果 是 数组类型【new Array() / []】 ， 则直接返回"object"字符串。如：alert(typeof []);

10: 如果 是 正则表达式 ， 则直接返回"object"字符串。如：alert(typeof /“osdst”/gim );

04：对于Array，Null等特殊对象使用typeof一律返回object，这正是typeof的局限性。

1:所以针对数组类型的判断 使用 Array.isArray([]);

05：我们可以使用typeof来判断一个变量是否存在，if(typeof a!= “undefined”), 而不要去使用if(a),因为a不存在(未声明)会报错。

06：instanceof用来检测 某个具体的对象 是不是 另一种类型 的实例。

解释：
01：官方的话：该运算发用来测试一个对象在其原型链中是否存在一个构造函数prototype属性
02：instanceof 后面的 参数是 去掉括号的构造函数的形式 ， 依次表示一种类型。

总结:
01: typeof 运算符 用于 判断/返回 一个参数的 类型。

02: instanceof 运算符 用于 判断 一个具体的实例对象 是否是 一个类型【原生/自定义】的一个实例。返回 true/false.

注意事项：
//通常我们 需要知道的 是当前 引用变量 具体到底是 属于哪个具体的类型 而不是笼统的说 属于Object 类型【对象类型】。

//使用instanceof操作符 返回一个布尔值 false/true。

//操作符后边跟的是 构造函数的名字 [由Object派生的 数据类型Date Function RegExp Date……] ,
也可以是 自己定义的 构造函数 ： Person Child……

01：使用instanceof操作符的目的是 ，判断 一个 引用对象 属于那种数据类型。

02：如果 基本类型 来使用 instanceof操作符的时候， 则返回false, 因此值可以适用于对象。

03：后面跟的 数据类型 可以是 祖先类型Object , 也可以是派生类型: RegExp ,Date , Function ,String , Number , Boolean , Person , Child , Femal<自定义>……加粗样式