JS中typeof與instanceof的區別

轉自：http://blog.sina.com.cn/s/blog_532751d90100iv1r.html

JavaScript 中 typeof 和 instanceof 常用來判斷一個變數是否為空白，或者是什麼類型的。但它們之間還是有區別的： typeof

typeof 是一個一元運算，放在一個運算數之前，運算數可以是任意類型。

它傳回值是一個字串，該字串說明運算數的類型。

typeof 一般只能返回如下幾個結果：

number, boolean, string, function, object, undefined。我們可以使用 typeof 來擷取一個變數是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因為如果 a 不存在（未聲明）則會出錯，對於 Array,Null 等特殊對象使用 typeof 一律返回 object，這正是 typeof 的局限性。

網上的一個小例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">  <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <script language="javascript" type="text/javascript">       document.write ("typeof(1): "+typeof(1)+"<br>");       document.write ("typeof(NaN): "+typeof(NaN)+"<br>");       document.write ("typeof(Number.MIN_VALUE): "+typeof(Number.MIN_VALUE)+"<br>");       document.write ("typeof(Infinity): "+typeof(Infinity)+"<br>");       document.write ("typeof(\"123\"): "+typeof("123")+"<br>");       document.write ("typeof(true): "+typeof(true)+"<br>");       document.write ("typeof(window): "+typeof(window)+"<br>");       document.write ("typeof(Array()): "+typeof(new Array())+"<br>");       document.write ("typeof(function(){}): "+typeof(function(){})+"<br>");       document.write ("typeof(document): "+typeof(document)+"<br>");       document.write ("typeof(null): "+typeof(null)+"<br>");       document.write ("typeof(eval): "+typeof(eval)+"<br>");       document.write ("typeof(Date): "+typeof(Date)+"<br>");       document.write ("typeof(sss): "+typeof(sss)+"<br>");       document.write ("typeof(undefined): "+typeof(undefined)+"<br>")     </script>     <title>javascript類型測試</title>  </head>  <body>  </body></html>

instanceof

instance：執行個體,例子

a instanceof b ? alert("true") : alert("false"); //a是b的執行個體。真:假

instanceof 用於判斷一個變數是否某個對象的執行個體，如
var a=new Array();

alert(a instanceof Array);   會返回 true，同時 alert(a instanceof Object) 也會返回 true;

這是因為 Array 是 object 的子類。

再如：
function test(){};
var a=new test();
alert(a instanceof test) 會返回 true;

談到 instanceof 我們要多插入一個問題，就是 function 的 arguments，我們大家也許都認為 arguments 是一個 Array，但如果使用 instaceof 去測試會發現 arguments 不是一個 Array 對象，儘管看起來很像。

另外：

測試
var a=new Array();
if (a instanceof Object) ? alert('Y') : else alert('N');

得'Y’

但 if (window instanceof Object) ? alert('Y') : else alert('N');

得'N'

所以，這裡的 instanceof 測試的 object 是指 js 文法中的 object，不是指 dom 模型對象。

使用 typeof 會有些區別

alert(typeof(window)) 會得 object