TypeOf_javascript スキルに関するこれらの知識ポイントをご存知ですか-jsチュートリアル-php.cn

TypeOf_javascript スキルに関するこれらの知識ポイントをご存知ですか

WBOY

リリース： 2016-05-16 15:14:33

オリジナル

1369 人が閲覧しました

昨日、同僚とコーディングに関する質問をしました。それはとても面白かったので、typeof の知識をまとめたいと思います。何か間違っていることがあれば、ご指摘ください。一緒に進歩していきます。

コードは次のとおりです:

<!DOCTYPE html>
<head>
<title>typeof</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<script>
var a= a||null; 
var b= c||null; 
var c= typeof f;
console.log(a);
console.log(b);
console.log(c);
</script>
</body>
</html>

ログイン後にコピー

では、このコードを実行すると、Chrome デバッガーは何を出力するでしょうか?

レンダリングをご覧ください

この結果はなぜ起こるのでしょうか?

まず、上の図の 2 つの null を分析します

JavaScript はコードを実行する前に事前解析 (ホイスティング) を行うためです。

ホイスティングとは何ですか?

つまり、JavaScript では、関数内の任意の場所で複数の var ステートメントを宣言でき、それらのステートメントは関数の先頭で宣言されたかのように機能し、var で宣言された変数の初期値として unknown が与えられます。この動作はホイスティングと呼ばれます。

したがって、上記のコードを実行する前に、JavaScript は最初にすべての var 変数 (a、b、c) を事前解析 (ホイスト) します。したがって、結果は null になります。

c||null は真実です。

もう一度見てみましょう。なぜ typeof f が未定義なのでしょうか? f が定義されていない場合、エラーが報告されるべきではないでしょうか?

はい、未定義の変数を使用すると、ブラウザはエラーを報告します。