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

時間 2019-12-08

標籤 javascript 之旅第八說說 instanceof 一個欄目 JavaScript 简体版

原文原文鏈接

　　前些天寫js遇到了一個instanceof的坑，咱們的頁面中有一個iframe，我在index頁面中計算獲得了一個array，而後須要傳遞到Flight頁面javascript

這個嵌套的iframe中的一個函數（SearchFlight）中，做爲防護性編程，我須要在SearchFlight函數中進行參數檢測，也就是判斷過來的參數一html

定是Array類型。java

一：拋出問題編程

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

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頁面spa

 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卻判斷不出來呢？prototype

咱們知道instancof實際上是一個js語法糖，我就修改爲簡單點的，判斷arr.constructor是否指向Array，因而我把關鍵字改爲以下形式，再來看看看效果。3d

 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         })();