いつも有益な動画をありがとうございます
本動画の 0:53~ あたりのブラウザが対応しているかの確認のコードについて質問させていただきます
if 文の条件についてなのですが、私の getContext の理解が浅いため不明な点があります

ここでは typeof canvas.getContext === 'undefined' とされていますが Canvas に対応していないブラウザでは「 getContext のデータ型（ getContext そのもの？）」が存在がなくなるのでしょうか？

また、
https://developer.mozilla.org/ja/docs/Web/API/Canvas_API/Tutorial/Basic_usage
こちらのサイトのブラウザ対応のコードは

if (canvas.getContext){
  var ctx = canvas.getContext('2d');
  // drawing code here
} else {
  // canvas-unsupported code here
}

となっていますが何故ブラウザが対応していた場合 canvas.getContext の条件で true が返ってくるのか分かりません。
canvas.getContext をコンソールに出力すると ƒ getContext() { [native code] } と返ってきます

・typeof canvas.getContext === 'undefined' のもう少し深い解説
・MDNサイトとの書き方による違い
について回答いただけると幸いです