关于javascript:typeof和instanceof的区别

typeof和instanceof都能够用来判断变量，它们的用法有很大区别
typeof会返回一个变量的根本类型,instanceof返回的是一个布尔值，须要留神的是，instanceof只能用来判断对象和函数，不能用来判断字符串和数字等

*先说instanceof
instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。
语法
object instanceof constructor
形容
instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。*

了解：object.__proto__ === constructor.prototype ? => boolean

定义构造函数
function C(){}
function D(){}

var o = new C();

o instanceof C;
// true,因为Object.getPrototypeOf(o) === C.prototype
// 扩大：能够了解为 o.__proto__ === C.prototype

o instanceof D;
// false,D.prototype不在o的原型链上

o instaceof Object;
// true，Object.prototype.isPrototypeOf(o) 返回true
C.prototype instanceof Object
// true ，同上

C.prototype = {};
var o2 = new C();

o2 instanceof C; // true

o instanceof C;
// false,C.prototype指向一个空对象，这个空对象不在o的原型链上

D.prototype = new C(); // 继承
var o3 = new D();

o3 instanceof D; // true
o3 instanceof C; // true

如果表达式 obj instanceof Foo 返回true，则并不意味着该表达式会永远返回true，因为Foo.prototype属性的值有可能会扭转，扭转之后的值很有可能不存在于obj的原型链上，这时原表达式的值就会成为false。另外一种状况下，原表达式的值也会扭转，就是扭转对象obj的原型链的状况，尽管在目前的ES标准中，咱们只能读取对象的原型而不能扭转它，但借助于非标准的__proto__魔法属性，是能够实现的。比方执行obj.__proto__ = {}之后，obj instanceof Foo就会返回false了。

String和Date对象同时也属于Object类型

var simpleStr = "some simple string";
var myString  = new String();
var newStr    = new String("String created with constructor");
var myDate    = new Date();
var myObj     = {};

simpleStr instanceof String; // false，查看原型链会找到undefined
myString  instanceof String; // true
newStr    instanceof String; // true
myString  instanceof Object; // true

myObj instanceof Object; // true
({})  instanceof Object; // true

myString  instanceof Date; // false

myDate instanceof Date; // true
myDate instanceof Object; // true
myDate instanceof String; // false

typeof

typeof操作符返回一个字符串,批示未经计算的操作数的类型。

最新的 ECMAScript 规范定义了 8 种数据类型:

6 种原始类型，应用 typeof 运算符查看:
undefined：typeof instance === “undefined”
Boolean：typeof instance === “boolean”
Number：typeof instance === “number”
String：typeof instance === “string
BigInt：typeof instance === “bigint”
Symbol ：typeof instance === “symbol”
null：typeof instance === “object”。
Object：typeof instance === “object”。任何 constructed 对象实例的非凡非数据结构类型，也用做数据结构：new Object，new Array，new Map，new Set，new WeakMap，new WeakSet，new Date，和简直所有通过 new keyword 创立的货色。
记住 typeof 操作符的惟一目标就是查看数据类型，如果咱们心愿查看任何从 Object 派生进去的构造类型，应用 typeof 是不起作用的，因为总是会失去 “object”。查看 Object 品种的适合形式是应用 instanceof 关键字。但即便这样也存在误差。

(以上摘自MDN Web Docs)

如果咱们想要判断一个变量是否存在，能够应用typeof：(不能应用if(a) 若a未声明，则报错)

if(typeof a != 'undefined'){
    //变量存在
}

typeof用于判断数据类型，返回值为6个字符串，别离为string、Boolean、number、function、object、undefined。

var a = [34,4,3,54],
        b = 34,
        c = 'adsfas',
        d = function(){},
        e = true,
        f = null,
        g;

        console.log(typeof(a));//object
        console.log(typeof(b));//number
        console.log(typeof(c));//string
        console.log(typeof(d));//function
        console.log(typeof(e));//boolean
        console.log(typeof(f));//object
        console.log(typeof(g));//undefined

然而你可能会发现，typeof在判断null、array、object以及函数实例（new + 函数）时，失去的都是object。这使得在判断这些数据类型的时候，得不到真是的数据类型。由此引出instanceof。
instanceof判断该对象是谁的实例，同时咱们也就晓得instanceof是对象运算符。
这里的实例就牵扯到了对象的继承，它的判断就是依据原型链进行搜查，在对象obj1的原型链上如果存在另一个对象obj2的原型属性，那么表达式（obj1 instanceof obj2）返回值为true；否则返回false。

小结：

• typeof判断所有变量的类型，返回值有number，boolean，string，function，object，undefined。
• typeof对于丰盛的对象实例，只能返回”Object”字符串。
• instanceof用来判断对象，代码模式为obj1 instanceof obj2（obj1是否是obj2的实例），obj2必须为对象，否则会报错！其返回值为布尔值。
• instanceof能够对不同的对象实例进行判断，判断办法是依据对象的原型链顺次向下查问，如果obj2的原型属性存在obj1的原型链上，（obj1 instanceof obj2）值为true。