TypeOf這些知識點你了解嗎_javascript技巧-js教程-PHP中文網

TypeOf這些知識點你了解嗎_javascript技巧

WBOY

發布： 2016-05-16 15:14:33

原創

1287 人瀏覽過

昨天給同事一起玩耍，同事給我出了一道代碼題目，是關於typeof的，感覺挺好玩的，在此分享給大家，順便鞏固下自己對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偵錯器會印什麼呢？

請看，效果圖

為什麼會出現這個結果呢？

先分析上圖的兩個null

因為Javascript在執行程式碼之前，會先預先解析（hoisting）。

什麼是預解析（hoisting）呢？

就是在JavaScript中，你可以在函數的任何位置聲明多個var語句，它們就像在函數的頂部聲明一樣發揮作用，並且會給var聲明的變數賦予一個undefined的初始值。這種行為我們稱之為預解析(hoisting)。

所以呢，在執行以上程式碼前，Javascript會先將所有的var變數(a,b,c)預先解析（hoisting），當執行a||null時，a是undefined的，又因為是| |運算，所以結果就是null咯。

c||null是一個道理。

再來看看，為什麼typeof f會是undefined呢？ f都沒定義，不應該會報錯嗎？

是的，倘若我們去使用一個未定義的變量，瀏覽器是會報錯的。