亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript中instanceof與typeof運算符的用法及區別詳細解析

2019-11-20 21:39:52
字體:
來源:轉載
供稿:網友

JavaScript中的instanceof和typeof常被用來判斷一個變量是什么類型的(實例),但它們的使用還是有區別的:

typeof 運算符
返回一個用來表示表達式的數據類型的字符串。

typeof expression ;

expression 參數是需要查找類型信息的任意表達式。

說明
typeof 是一個一元運算符,放在一個運算數之前。

typeof 運算符把類型信息當作字符串返回。typeof 返回值有六種可能: “number” ,“string”, “boolean”, “object” ,“function”, 和 “undefined.”

(而 ECMAScript 有 5 種原始類型(primitive type),即 Undefined、Null、Boolean、Number 和 String。)

注釋:

1、我們上面提到了ECMAScript的5種原始類型,在使用typeof操作符時,我們需要特別區分"對象類型"與"對象值"(字面值)的差別。例如Boolean 對象是 Boolean 原始類型的引用類型,而true和false則是Boolean對象的兩個可能的對象值。我們可以把 ECMAScript的預定義對象(相對于其他語言中的類)看作是 相應類型的原始值的封裝(或包裝)。而ECMAScript的所有預定義對象又都是繼承于Object對象。因此存在如下情況:

復制代碼 代碼如下:

  var testvar= new Number(68);
  alert(typeof testvar);  //輸出  "object"
  testvar= 68;
  alert(typeof testvar);  //輸出  "number"

又如:
復制代碼 代碼如下:

  function Person(){}
  document.write ("<br>typeof(Person):"+typeof(Person));    //function
  var person = new Person();
  document.write ("<br>typeof(person):"+typeof(person));    //object

注意:從傳統意義上來說,ECMAScript 并不真正具有類。事實上,除了說明不存在類,在 ECMA-262 中根本沒有出現“類”這個詞。ECMAScript 定義了“對象定義”,邏輯上等價于其他程序設計語言中的類。

另外:這些預定義對象覆蓋了Object 對象的 ValueOf() 方法,返回其原始值。而這些對象的所有屬性和方法都可應用于相應類型的原始值上,因為它們是偽對象。

2、typeof 運算符對于 null 值會返回 "Object"。這實際上是 JavaScript 最初實現中的一個錯誤,然后被 ECMAScript 沿用了?,F在,null 被認為是對象的占位符,從而解釋了這一矛盾,但從技術上來說,它仍然是原始值。

提示:

1、值 undefined 并不同于未定義的值。但是,typeof 運算符并不真正區分這兩種值。考慮下面的代碼:

var oTemp;
alert(typeof oTemp);  //輸出 "undefined"
alert(typeof oTemp2);  //輸出 "undefined"

前面的代碼對兩個變量輸出的都是 "undefined",即使只有變量 oTemp2 從未被聲明過。如果對 oTemp2 使用除 typeof 之外的其他運算符的話,會引起錯誤,因為其他運算符只能用于已聲明的變量上。

2、當函數無明確返回值時,返回的也是值 "undefined",如下所示:

function testFunc() {}
alert(testFunc() == undefined);  //輸出 "true"3、類型Null,它只有一個專用值 null,即它的字面量。值 undefined 實際上是從值 null 派生來的,因此 ECMAScript 把它們定義為相等的。

alert(null == undefined);  //輸出 "true"
盡管這兩個值相等,但它們的含義不同:

undefined 是聲明了變量但未對其初始化時賦予該變量的值 或 未聲明過的變量(只能用于typeof,但作為賦值目標時編譯器會自動將其聲明為全局變量)。

null 則用于表示尚未存在的對象(即對象為空,或對象找不到)。如果函數或方法要返回的是對象,那么找不到該對象時,返回的通常是 null。

3、我們可以使用 typeof 來獲取一個變量是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因為如果 a 不存在(未聲明)則會出錯。

對于 Array,Null 等特殊對象使用 typeof 一律返回 object,這正是 typeof 的局限性。如果我們希望獲取一個對象是否是數組,或判斷某個變量是否是某個對象的實例則要選擇使用instanceof。


instanceof 運算符
在使用 typeof 運算符時采用引用類型存儲值會出現一個問題,無論引用的是什么類型的對象,它都返回 "object"。ECMAScript 引入了另一個 Java 運算符 instanceof 來解決這個問題。

instanceof 運算符與 typeof 運算符相似,用于識別正在處理的對象的類型。與 typeof 方法不同的是,instanceof 方法要求開發者明確地確認對象為某特定類型。例如:

var oStringObject = new String("hello world");
alert(oStringObject instanceof String); //輸出 "true"
這段代碼問的是“變量 oStringObject 是否為 String 對象的實例?”oStringObject 的確是 String 對象的實例,因此結果是 "true"。盡管不像 typeof 方法那樣靈活,但是在 typeof 方法返回 "object" 的情況下,instanceof 方法還是很有用的。

instanceof運算符

是一個二元運算符。返回一個 Boolean 值,指出對象是否是特定類的一個實例。

expression  instanceof class

參數

 expression  必選項。任意對象表達式。

 class  必選項。任意已定義的對象類。

說明
如果 object 是 class 的一個實例,則 instanceof 運算符返回 true 。如果 object不是指定類的一個實例,或者 object 是 null ,則返回 false 。

用于判斷一個變量是否某個對象的實例,

如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。

注意:

關于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

引申:JavaScript中的instanceof操作符的原理是什么?

學習js時,了解到在判斷js中一個實例是否屬于某一種類型時,可以使用instanceof操作符,比如function Person(){}

var person = new Person();  alert(person instanceof Person);//返回true

那么在執行instanceof這個操作時經過了怎樣的判斷,返回了true/false?

會不會是通過判斷Person.prototype與person的內部指針[[prototype]]兩者引用是否相同而得出結果的?

其實,凡是能在實例的"原型對象鏈"中找到該構造函數的prototype屬性所指向的原型對象,就返回true。

而prototype根本就不是實例具有的屬性(或者說實例的prototype屬性為undefined),而是它原型對象中的屬性,如果被篡改了,這個判斷方法就不能正確返回了。

另外,能不能直接判斷 person.constructor == Person來取得想要的結果呢?

我們做個測試,如下JavaScript代碼:

復制代碼 代碼如下:

function Person(name,sex){this.name=name;this.sex=sex;}
document.write ("<br>typeof Person:"+typeof Person);
document.write ("<br>typeof Person.prototype:"+typeof Person.prototype);
document.write ("<br>typeof Person.constructor:"+typeof Person.constructor);

var person = new Person();
document.write ("<br><br>var person = new Person();");
document.write ("<br>typeof person:"+typeof person);
document.write ("<br>typeof person.prototype:"+typeof person.prototype);
document.write ("<br>typeof person.constructor:"+typeof person.constructor);

document.write ("<br><br>Function.constructor:"+Function.constructor);
document.write ("<br><br>Function.prototype:"+Function.prototype);

document.write ("<br><br>Person.constructor:"+Person.constructor);
document.write ("<br><br>Person.prototype:"+Person.prototype);


document.write ("<br><br>person.constructor:"+person.constructor);
document.write ("<br><br>person.prototype:"+person.prototype);

輸出如下:

typeof Person:function
typeof Person.prototype:object
typeof Person.constructor:function

var person = new Person();
typeof person:object
typeof person.prototype:undefined
typeof person.constructor:function


Function.constructor:function Function() { [native code] }
Function.prototype:function Empty() {}

Person.constructor:function Function() { [native code] }
Person.prototype:[object Object]

person.constructor:function Person(name,sex){this.name=name;this.sex=sex;}
person.prototype:undefined

和Function類似,Number()為Number對象的構造函數,Number()用于將其參數轉換為數字number類型,并返回轉換結果(若不能轉換則返回NaN)。

在JavaScript中constructor較少使用,variable.constructor返回其對象類的構造函數的字符串表示。

那么在JavaScript中判斷數據類型時,我們可以使用以下方式來得到其詳細數據類型:

if((typeof a=="object") && (a.constructor==Array)){

}

注意:constructor只能對已有變量進行判斷,而typeof則可對未聲明變量或空對象進行判斷(返回undefined)。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
美女扒开尿口让男人操亚洲视频网站| 亚洲综合日韩中文字幕v在线| 4k岛国日韩精品**专区| 成人精品视频99在线观看免费| 国产一区欧美二区三区| 精品性高朝久久久久久久| 国产精品成人一区二区三区吃奶| 日韩av电影院| 97视频在线观看网址| 在线观看久久久久久| 中文在线资源观看视频网站免费不卡| 国产偷国产偷亚洲清高网站| 日韩精品视频在线播放| 欧美激情精品在线| 欧美尺度大的性做爰视频| 精品国产乱码久久久久久虫虫漫画| 神马久久久久久| 国产精品久久久久久久久久久新郎| 欧美精品手机在线| 欧美亚洲免费电影| 成人免费黄色网| 亚洲色图狂野欧美| 按摩亚洲人久久| 77777少妇光屁股久久一区| 国产精品视频网站| 97人人模人人爽人人喊中文字| 久久久av亚洲男天堂| 色噜噜国产精品视频一区二区| 中文字幕日韩在线视频| 国产精品视频大全| 色综合色综合网色综合| 欧美情侣性视频| 亚洲欧美成人一区二区在线电影| 精品国产一区二区在线| 久久精品国产91精品亚洲| 日韩成人在线视频观看| 日韩欧美成人网| 狠狠色噜噜狠狠狠狠97| 亚洲综合在线做性| 国产精品久久电影观看| 中文亚洲视频在线| 国产精品永久免费| 久久国内精品一国内精品| 亚洲欧美一区二区三区情侣bbw| 日韩男女性生活视频| 亚洲图片在区色| 日韩美女在线看| 97视频在线播放| 91超碰中文字幕久久精品| 久久久亚洲精选| 欧美在线视频网| 亚洲一品av免费观看| 久久精品国产一区二区三区| 夜夜嗨av色综合久久久综合网| 欧美在线视频在线播放完整版免费观看| 国外成人在线视频| 国产女人18毛片水18精品| 久久男人的天堂| 国产日韩欧美在线| 亚洲成人网久久久| 正在播放亚洲1区| 国产精品伦子伦免费视频| 国产成人97精品免费看片| 日韩久久精品成人| 日韩精品在线电影| 国产日韩在线看| 亚洲国产精彩中文乱码av| 68精品久久久久久欧美| 日韩免费av片在线观看| 国产精品偷伦一区二区| 国产精品色悠悠| 亚洲第一免费网站| 日韩欧美视频一区二区三区| 欧美亚洲在线播放| 性欧美亚洲xxxx乳在线观看| 亚洲香蕉成视频在线观看| 日韩免费不卡av| 国产精品视频中文字幕91| 91影院在线免费观看视频| 热re91久久精品国99热蜜臀| 日本高清不卡的在线| 国产日韩欧美一二三区| 欧美理论电影网| 黑人与娇小精品av专区| 久久久久久久爱| 九九久久国产精品| 精品久久久久久亚洲国产300| 亚洲视频在线免费看| 国产精品狼人色视频一区| 国产中文字幕91| 成人免费视频xnxx.com| 国产这里只有精品| 激情成人在线视频| 欧美激情a在线| 日韩中文字幕在线免费观看| 亚洲成人精品av| 成人免费观看网址| 久久久久久网址| 国内外成人免费激情在线视频| 欧美日韩国产色视频| 97avcom| 精品女厕一区二区三区| 欧美视频在线观看免费网址| 亚洲性日韩精品一区二区| 久久理论片午夜琪琪电影网| 91精品久久久久久综合乱菊| 主播福利视频一区| 日韩电影大片中文字幕| 日韩在线视频网站| 亚洲国产精品va| 国产精品久久久久久亚洲调教| 日韩不卡在线观看| 亚洲精品xxxx| 国产精品自拍小视频| 久久精品男人天堂| 国产精品电影网站| 有码中文亚洲精品| 国产免费亚洲高清| 欧美电影免费观看大全| 国产成人精品a视频一区www| 国产香蕉一区二区三区在线视频| 亚洲精品国产成人| 国产精品1区2区在线观看| 精品视频在线播放色网色视频| 日韩欧美在线播放| 欧美极品在线视频| 国产一区二区三区免费视频| 蜜臀久久99精品久久久久久宅男| 国产一区二区三区在线观看视频| 亚洲高清久久网| 亚洲国产一区二区三区在线观看| 一区二区三区亚洲| 日韩亚洲国产中文字幕| 亚洲少妇激情视频| 久久久久久有精品国产| 精品调教chinesegay| 国产乱人伦真实精品视频| 亚洲国产欧美久久| 亚洲综合中文字幕在线观看| 日韩av免费在线播放| 亚洲一区二区中文| 久久精品国产免费观看| 日韩最新免费不卡| 久久久久久久999精品视频| 日韩av三级在线观看| 色综久久综合桃花网| 久久精品中文字幕一区| 日韩欧美精品在线观看| 69影院欧美专区视频| 91av在线免费观看| 欧美日韩裸体免费视频| 最近2019中文免费高清视频观看www99| 亚洲福利小视频| 亚洲欧美国产精品va在线观看| 一区二区成人精品| 性色av一区二区三区红粉影视| 色综合导航网站| 国产精品久久久久久一区二区| 国产精品jizz在线观看麻豆| 国产不卡精品视男人的天堂| 日韩视频免费在线| 国产一区二区在线免费| 日本伊人精品一区二区三区介绍| 精品久久久久久久久久久久|