資訊專(zhuān)欄INFORMATION COLUMN
摘要：需要測(cè)試的函數(shù)構(gòu)造函數(shù)即用運(yùn)算符來(lái)檢測(cè)是否存在參數(shù)的原型鏈。區(qū)別只能用來(lái)判斷對(duì)象函數(shù)和數(shù)組，不能用來(lái)判斷字符串和數(shù)字等用于判斷一個(gè)表達(dá)式的原始值，返回一個(gè)字符串。一般返回結(jié)果有函數(shù)數(shù)組，對(duì)象。
最近開(kāi)始在整理ES6/ES7/ES8/ES9的知識(shí)點(diǎn)（已經(jīng)上傳到 我的博客 上），碰到一些知識(shí)點(diǎn)是自己已經(jīng)忘記（用得少的知識(shí)點(diǎn)），于是也重新復(fù)習(xí)了一遍。
這篇文章要復(fù)習(xí)的 instanceof 是我在整理過(guò)程中遇到的，那就整理下來(lái)吧，不然容易忘記。
要是哪里寫(xiě)得不妥，歡迎各位大佬指點(diǎn)。
instanceof運(yùn)算符用于測(cè)試構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置。 —— MDN
簡(jiǎn)單理解為：instanceof可以檢測(cè)一個(gè)實(shí)例是否屬于某種類(lèi)型。
比如：
function F (){
// ...
}
let a = new F ();
a instanceof F; // true
a instanceof Object; // true 后面介紹原因
還可以在繼承關(guān)系中用來(lái)判斷一個(gè)實(shí)例是否屬于它的父類(lèi)型。
比如：
function F (){};
function G (){};
function Q (){};
G.prototype = new F(); // 繼承
let a = new G();
a instanceof F; // true
a instanceof G; // true
a instanceof Q; // false
2.使用方法
語(yǔ)法為: object instanceof constructor。
object : 需要測(cè)試的函數(shù)
constructor : 構(gòu)造函數(shù)
即：用instanceof運(yùn)算符來(lái)檢測(cè)constructor.prototype 是否存在參數(shù)object的原型鏈。
function F (){};
function G (){};
let a = new F ();
a instanceof F; // true 因?yàn)椋篛bject.getPrototypeOf(a) === F.prototype
a instanceof Q; // false 因?yàn)椋篎.prototype不在a的原型鏈上
a instanceof Object; // true 因?yàn)椋篛bject.prototype.isPrototypeOf(a)返回true
F.prototype instanceof Object; // true,同上
注意：
a instanceof F 返回 true 以后，不一定永遠(yuǎn)都都返回為true，F.prototype屬性的值有可能會(huì)改變。
原表達(dá)式a的值也會(huì)改變，比如 a.__proto__ = {}之后，a instanceof F就會(huì)返回false了。
檢測(cè)對(duì)象是不是特定構(gòu)造函數(shù)的實(shí)例：
// 正確
if (!(obj instanceof F)) {
// ...
}
// 錯(cuò)誤 因?yàn)?if (!obj instanceof F); // 永遠(yuǎn)返回false
// 因?yàn)?!obj 在instanceof之前被處理 ， 即一直使用一個(gè)布爾值檢測(cè)是否是F的實(shí)例
3.實(shí)現(xiàn)instanceof
/**
* 實(shí)現(xiàn)instanceof
* @param obj{Object} 需要測(cè)試的對(duì)象
* @param fun{Function} 構(gòu)造函數(shù)
*/
function _instanceof(obj, fun) {
let f = fun.prototype; // 取B的顯示原型
obj = obj.__proto__; // 取A的隱式原型
while (true) {
//Object.prototype.__proto__ === null
if (obj === null)
return false;
if (f === obj) // 這里重點(diǎn)：當(dāng) f 嚴(yán)格等于 obj 時(shí)，返回 true
return true;
obj = obj.__proto__;
}
}
4.instanceof 與 typeof 對(duì)比
相同：
instanceof和typeof都能用來(lái)判斷一個(gè)變量的類(lèi)型。
區(qū)別：
instanceof 只能用來(lái)判斷對(duì)象、函數(shù)和數(shù)組，不能用來(lái)判斷字符串和數(shù)字等：
let a = {};
let b = function () {};
let c = [];
let d = "hi";
let e = 123;
a instanceof Object; // true
b instanceof Object; // true
c instanceof Array; // true
d instanceof String; // false
e instanceof Number; // false
typeof ：用于判斷一個(gè)表達(dá)式的原始值，返回一個(gè)字符串。
typeof 42; // "number" typeof "blubber"; // "string" typeof true; // "boolean" typeof aa; // "undefined"
一般返回結(jié)果有：
number
boolean
string
function（函數(shù)）
object（NULL,數(shù)組，對(duì)象）
undefined。
判斷變量是否存在：
不能使用：
if(a){
//變量存在
}
// Uncaught ReferenceError: a is not defined
原因是如果變量未定義，就會(huì)報(bào)未定義的錯(cuò)，而應(yīng)該使用：
if(typeof a != "undefined"){
//變量存在
}
5.參考資料
MDN instanceof
IBM instanceof
js中typeof和instanceof用法區(qū)別
歡迎關(guān)注微信公眾號(hào)【前端自習(xí)課】每天早晨，與您一起學(xué)習(xí)一篇優(yōu)秀的前端技術(shù)博文 .
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99643.html
摘要：構(gòu)造函數(shù)通常首字母大寫(xiě)，用于區(qū)分普通函數(shù)。這種關(guān)系常被稱(chēng)為原型鏈，它解釋了為何一個(gè)對(duì)象會(huì)擁有定義在其他對(duì)象中的屬性和方法。中所有的對(duì)象，都有一個(gè)屬性，指向?qū)嵗龑?duì)象的構(gòu)造函數(shù)原型由于是個(gè)非標(biāo)準(zhǔn)屬性，因此只有和兩個(gè)瀏覽器支持，標(biāo)準(zhǔn)方法是。 從這篇文章開(kāi)始，復(fù)習(xí) MDN 中級(jí)教程 的內(nèi)容了，在初級(jí)教程中，我和大家分享了一些比較簡(jiǎn)單基礎(chǔ)的知識(shí)點(diǎn)，并放在我的 【Cute-JavaScript】系...
摘要：系列目錄復(fù)習(xí)資料資料整理個(gè)人整理重溫基礎(chǔ)語(yǔ)法和數(shù)據(jù)類(lèi)型重溫基礎(chǔ)流程控制和錯(cuò)誤處理重溫基礎(chǔ)循環(huán)和迭代重溫基礎(chǔ)函數(shù)本章節(jié)復(fù)習(xí)的是中的表達(dá)式和運(yùn)算符，用好這些可以大大提高開(kāi)發(fā)效率。 本文是 重溫基礎(chǔ) 系列文章的第五篇。今日感受：家的意義。 系列目錄： 【復(fù)習(xí)資料】ES6/ES7/ES8/ES9資料整理(個(gè)人整理) 【重溫基礎(chǔ)】1.語(yǔ)法和數(shù)據(jù)類(lèi)型 【重溫基礎(chǔ)】2.流程控制和錯(cuò)誤處理 【重溫基...
摘要：本文是重溫基礎(chǔ)系列文章的第十二篇。注意對(duì)象的名稱(chēng)，對(duì)大小寫(xiě)敏感?；A(chǔ)用法第一個(gè)參數(shù)是目標(biāo)對(duì)象，后面參數(shù)都是源對(duì)象。用途遍歷對(duì)象屬性。用途將對(duì)象轉(zhuǎn)為真正的結(jié)構(gòu)。使用場(chǎng)景取出參數(shù)對(duì)象所有可遍歷屬性，拷貝到當(dāng)前對(duì)象中。類(lèi)似方法合并兩個(gè)對(duì)象。 本文是 重溫基礎(chǔ) 系列文章的第十二篇。 今日感受：需要總結(jié)下2018。 這幾天，重重的感冒發(fā)燒，在家休息好幾天，傷···。 系列目錄： 【復(fù)習(xí)資料...
摘要：今天把接下來(lái)引用類(lèi)型中的一些內(nèi)容全部記錄完畢基本包裝類(lèi)型為了便于操作基本類(lèi)型值，還提供了種特殊的引用類(lèi)型。這三種類(lèi)型具有與各自的基本類(lèi)型響應(yīng)的特殊行為。重寫(xiě)后的返回對(duì)象表示的數(shù)值類(lèi)型，另外兩個(gè)方法則返回字符串形式的數(shù)值。 今天把接下來(lái)引用類(lèi)型中的一些內(nèi)容全部記錄完畢~ 基本包裝類(lèi)型 為了便于操作基本類(lèi)型值，JavaScript還提供了3種特殊的引用類(lèi)型：Boolean, Number,...
摘要：繼承了如上，我們通過(guò)方法借調(diào)了超類(lèi)的構(gòu)造函數(shù)，實(shí)際上是在新創(chuàng)建的實(shí)力環(huán)境下調(diào)用了構(gòu)造函數(shù)。組合繼承組合繼承的基本思想將原型鏈和借用構(gòu)造函數(shù)的技術(shù)組合到一塊，從而發(fā)揮二者之長(zhǎng)的一種繼承模式。繼承方法在上面這個(gè)例子中，構(gòu)造函數(shù)定義了兩個(gè)屬性和。 在ECMAScript中只支持實(shí)現(xiàn)繼承，而且實(shí)現(xiàn)繼承主要是依靠原型鏈來(lái)實(shí)現(xiàn)的。 1. 什么是原型鏈 繼承基本思想：利用原型讓一個(gè)引用類(lèi)型繼承另一個(gè)...
閱讀 701·2023-04-25 19:53
閱讀 4295·2021-09-22 15:13
閱讀 2578·2019-08-30 10:56
閱讀 1335·2019-08-29 16:27
閱讀 2946·2019-08-29 14:00
閱讀 2424·2019-08-26 13:56
閱讀 448·2019-08-26 13:29
閱讀 1625·2019-08-26 11:31
