[JS奇怪的世界]No.59 「typeof」、「instanceof」與搞清楚這是什麼

發表於 2019-05-24 分類於克服JS奇怪的部分系列

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

我們已經瞭解 JavaScript 是一個動態型別的語言，這可以讓我們做一些很特別的事情，但也很危險，一般來講如果我們要知道一個變數的型別通常都會透過 `typeof`，但是其實這個方法並不是很好，所以這章節將會講解「typeof」、「instanceof」。

前言

我們已經瞭解 JavaScript 是一個動態型別的語言，這可以讓我們做一些很特別的事情，但也很危險，一般來講如果我們要知道一個變數的型別通常都會透過 typeof，但是其實這個方法並不是很好，所以這章節將會講解「typeof」、「instanceof」。

「typeof」、「instanceof」

我知道標題「typeof」、「instanceof」與搞清楚下的很奇怪而原文翻譯是「typeof, instanceof, and figuring out what something is.」，但這是課程的標題，所以就照打了，那麼這邊就直接進入範例。

題外話，課程上的 typeof 是這樣寫 console.log(typeof a);，而我是習慣這樣寫 console.log(typeof(a)); 兩者結果都是相同不用擔心。

var a = 3;
console.log('a: ' + typeof(a));
var b = 'Hello';
console.log('b: ' + typeof(b));
var c = {};
console.log('c: ' + typeof(c)); 
var d = [];
console.log('d: ' + typeof(d));
console.log('d prototype call: ' + Object.prototype.toString.call(d));

function Person (name) {
  this.name = name;
}

var e = new Person('Jane');
console.log('e: ' + typeof(e));
console.log(e instanceof Person);
console.log('undefined: ' + typeof(undefined));
console.log('null: ' + typeof(null));