我們知道instanceof 運算子用來檢查物件是否為某個建構器的實例。下面列舉它回傳true的各種情境。
1.物件obj是透過new Constructor創建的,那麼obj instanceof Constructor 為true
複製代碼代碼如下:
function Person(n, a) {
this.name = n;
this.age = a;
}
var p = new Person('John Backus', 82);
console.log(p instanceof Person); // true
2.如果存在繼承關係,那麼子類別實例instanceof 父類別也會回傳true
複製代碼代碼如下:
function A(){}
function B(){}
B.prototype = new A(); // B繼承於A
var b = new B();
console.log(b instanceof A); // true
3.由於Object是根類,所有其它自訂類別都繼承於它,因此任意建構器的實例instanceof Object 都會傳回true
複製代碼代碼如下:
function A() {}
var a = new A();
console.log(a instanceof Object); // true
var str = new String('hello');
console.log(str instanceof Object); // true
var num = new Number(1);
console.log(num instanceof Object); // true
甚至包括構造器自身
複製代碼代碼如下:
function A() {}
console.log(A instanceof Object); // true
console.log(String instanceof Object); // true
console.log(Number instanceof Object); // true
4.所有構造器instanceof Function 回傳true
複製代碼代碼如下:
function A() {}
console.log(A instanceof Function); // true
console.log(String instanceof Function); // true
console.log(Number instanceof Function); // true
以上四點總結為一句話:如果某實例是透過某一類別或其子類別的創建的,那麼instanceof就回傳true。或者說某建構函數的原型存在與物件obj的內部原型鏈上,那麼回傳true。即instanceof的結果與構造者本身並無直接關係。這在許多語言中都是通用的。
Java中定義了一個類別Person,實例p對於Person和Object都回傳true
複製代碼代碼如下:
class Person {
public String name;
public int age;
Person (String n, int a) {
this.name = name;
this.age = a;
}
public static void main(String[] args) {
Person p = new Person("John Backus", 82);
System.out.println(p instanceof Person); // true
System.out.println(p instanceof Object); // true
}
}
Java中如果存在繼承關係,那麼子類別實例instanceof 父類別也會回傳true
複製代碼代碼如下:
// 父類別
class Person {
public String name;
public int age;
Person (String n, int a) {
name = name;
age = a;
}
}
// 子類別
public class Man extends Person{
public String university;
Man(String n, int a, String s) {
super(n, a);
university = s;
}
public static void main(String[] args) {
Man mm = new Man("John Resig", 29, "PKU");
System.out.println(mm instanceof Man); // true
System.out.println(mm instanceof Person); // 也是true
}
}
知道了這些,JS以下的表現就不奇怪了
複製代碼代碼如下:
// 定義兩個建構器
function A(){}
function B(){}
A.prototype = B.prototype = {a: 1};
// 分別建立兩個不同建構器的實例
var a = new A();
var b = new B();
console.log(a instanceof B); // true
console.log(b instanceof A); // true
我們看到a, b分別是用A和B創建的,但a instanceof B和b instanceof A都是true。即a雖然不是用構造器B創建的,但仍然回傳true。因為B.prototype存在於a的內部原型鏈上。
由於JS的動態語言特性,可以在運行時修改原型,因此下面返回false也不足為奇了。因為A.prototype已經不在a的內部原型鏈中,鏈條被打斷了。
複製代碼代碼如下:
function A(){}
var a = new A();
A.prototype = {}; // 動態修改原型,注意必須在創建a後
console.log(a instanceof A); // false
注意這麼寫也打破了上面總結的第一條:物件obj是透過new Constructor創建的,那麼obj instanceof Constructor 為true
實際在ECMAScript標準中(以5.1為準),instanceof 內部實作會呼叫構造器的內部方法[[HasInstance]],描述如下
假如F是函數對象,當F(V)執行時,下列步驟將發生:
1.如果instanceof左運算元V不是物件類型,直接回傳false
複製代碼代碼如下:
var a, b = 1, c = 真, d = 'hello';
console.log(a instanceof Object); // false 這裡a值為undefined
console.log(b instanceof Object); // false
console.log(c instanceof Object); // false
console.log(d instanceof Object); // false
2/3、取構造器F的prototype屬性,如果不是物件類型,必須拋出TypeError異常,
複製代碼代碼如下:
function A(){}
A.prototype = 1; // A的prototype設為非物件型別
var a = new A();
console.log(a instanceof A);
各瀏覽器拋出的異常提示不同,
Firefox18:
Chrome24:
Safari6:
Opera12:
IE10:
4.不斷的執行以下邏輯:將V設為內部原型的V,如果V是null則傳回false,如果V和O都指向同一個對象,則傳回true。