ブラウザが Canvas に対応しているかどうかを確認することができるのはなぜですか?

Canvas に対応していないブラウザでは canvas.getContext がそもそも定義されていないので undefined になります。
2022年2月15日
ユーザー

いつも有益な動画をありがとうございます
本動画の 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サイトとの書き方による違い
について回答いただけると幸いです

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(2)