初心者でもjsのtypeofとinstanceofの違いを理解できます

オペランドの型
typeof(オペランド)

typeof 1 // '数値'
typeof '1' // '文字列'
typeof undefined // 'undefined'
typeof true // 'ブール値'
typeof Symbol() // 'シンボル'
typeof null // 'オブジェクト'
typeof [] // 'オブジェクト'
typeof {} // 'オブジェクト'
typeof コンソール // 'オブジェクト'
typeof console.log // 'function'

if(typeof a != 'undefined'){
    //変数が存在する}

オブジェクトインスタンスコンストラクタ

// 構築関数を定義する let Car = function() {}
benz = new Car() とします。
benz instanceof Car // true
車 = 新しい文字列('xxx')
car インスタンス 文字列 // true
str = 'xxx' とします
str 文字列のインスタンス // false

関数 myInstanceof(left, right) {
    // ここではtypeofを使って基本データ型を決定します。そうであれば、直接falseを返します
    if(typeof left !== 'object' || left === null) は false を返します。
    // getProtypeOf は Object オブジェクトの API であり、パラメータのプロトタイプ オブジェクトを取得できます。let proto = Object.getPrototypeOf(left);
    while(true) {                  
        if(proto === null) は false を返します。
        if(proto === right.prototype) return true; //同じプロトタイプオブジェクトを見つけてtrueを返す
        proto = Object.getPrototypeof(proto);
    }
}

Object.prototype.toString({}) // "[オブジェクト Object]"
Object.prototype.toString.call({}) // 上記と同じ結果ですが、呼び出しもOKです
Object.prototype.toString.call(1) // "[オブジェクト番号]"
Object.prototype.toString.call('1') // "[オブジェクト文字列]"
Object.prototype.toString.call(true) // "[オブジェクト ブール値]"
Object.prototype.toString.call(function(){}) // "[オブジェクト Function]"
Object.prototype.toString.call(null) //"[オブジェクト Null]"
Object.prototype.toString.call(undefined) //"[オブジェクトは未定義です]"
Object.prototype.toString.call(/123/g) //"[オブジェクト正規表現]"
Object.prototype.toString.call(new Date()) //"[オブジェクト Date]"
Object.prototype.toString.call([]) //"[オブジェクト配列]"
Object.prototype.toString.call(document) //"[オブジェクト HTMLDocument]"
Object.prototype.toString.call(window) //"[オブジェクト Window]"

関数 getType(obj){
  type = typeof obj; とします。
  if (type !== "object") { // 最初に typeof 判定を実行します。基本データ型の場合は、戻り値の型を直接返します。
  }
  // typeof の場合、結果は object です。次に、次の判断を行います。通常の結果は return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1'); です。 
}

getType([]) // "Array" typeof [] はオブジェクトなので、toString は getType('123') を返します // "string" typeof は直接 getType(window) を返します // "Window" toString は getType(null) を返します // "Null" は最初の文字が大文字なので、typeof null はオブジェクトなので、toString で判別する必要があります getType(undefined) // "undefined" typeof は直接 getType() を返します // "undefined" typeof は直接 getType(function(){}) を返します // "function" typeof で判別できるので、最初の文字は小文字です getType(/123/g) //"RegExp" toString は