Javascript之旅——第八站：說說instanceof踩了一個坑

本文轉載自查看原文 2014-12-21 18:32 5520 javascript之旅

　　前些天寫js遇到了一個instanceof的坑，我們的頁面中有一個iframe，我在index頁面中計算得到了一個array，然后需要傳遞到Flight頁面

這個嵌套的iframe中的一個函數（SearchFlight）中，作為防御性編程，我需要在SearchFlight函數中進行參數檢測，也就是判斷過來的參數一

定是Array類型。

一：拋出問題

舉個例子，下面有兩個頁面。

Index.html頁面

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5 </head>
 6 <body>
 7 
 8     <iframe name="childframe" src="Flight.html"></iframe>
 9 
10     <script type="text/javascript">
11 
12         window.onload = function () {
13             //航班
14             var airplanes = ["MU", "CA", "CZ"];
15 
16             var result = window.frames[0].flight.SearchFlight(airplanes);
17         };
18     </script>
19 </body>
20 </html>

Flight.html頁面

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5 </head>
 6 <body>
 7     <script type="text/javascript">
 8 
 9         var flight = (function () {
10 
11             return {
12                 SearchFlight: function (arr) {
13                     var result = arr instanceof Array;
14                     alert(result);
15                 }
16             };
17         })();
18     </script>
19 </body>
20 </html>

很驚訝的發現instanceof居然不能判斷出arr是一個數組，其實我們用肉眼可以看到，壓根它就是一個數組，但是為什么instanceof卻判斷不出來呢？

我們知道instancof其實是一個js語法糖，我就修改成簡單點的，判斷arr.constructor是否指向Array，於是我把關鍵字改成如下形式，再來看看看效果。

 1         var flight = (function () {
 2 
 3             return {
 4                 SearchFlight: function (arr) {
 5                     //var result = arr instanceof Array;
 6 
 7                     var result = arr.constructor == Array;
 8 
 9                     alert(result);
10                 }
11             };
12         })();