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

首頁 > 編程 > JavaScript > 正文

解析JavaScript中instanceof對于不同的構造器或許都返回true

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

我們知道 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 = true, 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。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久精品亚洲精品| 成人日韩在线电影| 亚洲国产成人爱av在线播放| 亚洲人成欧美中文字幕| 国产精品99久久久久久人| 亚洲一区二区三区乱码aⅴ蜜桃女| 亚洲精品国产综合区久久久久久久| 亚洲最大的成人网| 97精品视频在线| 欧美日韩性视频在线| 亚洲精品日韩久久久| 奇米4444一区二区三区| 精品magnet| 成人在线国产精品| 国产精品日韩在线观看| 伦伦影院午夜日韩欧美限制| 欧美成人手机在线| 国产精品91久久久| 国产精品久久久久av免费| 久久天天躁狠狠躁夜夜爽蜜月| 日韩在线观看免费全集电视剧网站| 91久久国产综合久久91精品网站| 91精品国产综合久久久久久久久| 国产99久久久欧美黑人| 97国产一区二区精品久久呦| 97视频色精品| 亚洲www视频| 日本乱人伦a精品| 欧美在线视频网站| 欧美xxxx18性欧美| 久久久久久国产精品| 日韩精品免费视频| 色777狠狠综合秋免鲁丝| 亚洲第一页在线| 亚洲自拍欧美另类| 欧美在线视频a| 亚洲色图国产精品| 日韩久久免费电影| 久久成人18免费网站| 国产精品视频大全| 国产精品爽黄69天堂a| 精品久久久久久久久久国产| 国产精品wwww| 日韩精品免费在线| 国产精品视频网址| 亚洲成人1234| 久久精品美女视频网站| 韩国日本不卡在线| 91精品久久久久久综合乱菊| 久久精品国产免费观看| 97视频在线观看成人| 欧美黑人极品猛少妇色xxxxx| 久久视频这里只有精品| 久久久在线视频| 欧美日韩国产麻豆| 欧美极品少妇xxxxⅹ喷水| 国产一区二区三区视频在线观看| 国产精品久久久久免费a∨大胸| 日韩精品久久久久久福利| 九九精品在线视频| 亚洲国产中文字幕久久网| 色噜噜国产精品视频一区二区| 日韩国产精品一区| 深夜福利日韩在线看| 国产不卡视频在线| 亚洲free性xxxx护士白浆| 日韩av在线网址| 日韩在线视频一区| 亚洲欧美激情一区| 久久久久国色av免费观看性色| 亚洲区bt下载| 日韩中文字幕在线视频| 91国内在线视频| 日本久久久久亚洲中字幕| 日韩高清电影免费观看完整版| 国产啪精品视频网站| 97av在线播放| 97精品国产aⅴ7777| 国产精品美女久久久久久免费| 亚洲自拍偷拍色片视频| 91久久久久久久久| 欧美视频一区二区三区…| 91在线看www| 亚洲欧洲美洲在线综合| 国产精品久久久久久久久粉嫩av| 亚洲黄色成人网| 日韩中文字幕在线视频| 国产丝袜高跟一区| 中文字幕亚洲综合| 亚洲色图在线观看| 亚洲国产精品成人va在线观看| 亚洲国内精品在线| 久久成人精品视频| 精品久久久久久久中文字幕| 国产精品视频资源| 97精品国产97久久久久久春色| 国产在线不卡精品| 97精品一区二区三区| zzijzzij亚洲日本成熟少妇| 91精品国产91久久久久久吃药| 午夜精品久久久99热福利| 色综合久久天天综线观看| 欧美色欧美亚洲高清在线视频| 欧美激情一二三| 欧美精品一区二区三区国产精品| 91九色国产在线| 欧美一区二区三区免费观看| 91极品视频在线| 欧美日本啪啪无遮挡网站| 国产91av在线| 欧美亚洲日本网站| 国产日韩欧美自拍| 日韩在线中文字| 亚洲福利在线播放| 中文字幕视频一区二区在线有码| 日韩欧美a级成人黄色| 亚洲在线视频观看| 国产精品aaa| 久久99国产精品自在自在app| 成人h视频在线观看播放| 欧美理论片在线观看| 国产综合香蕉五月婷在线| 午夜精品蜜臀一区二区三区免费| 欧美电影免费观看高清完整| 视频一区视频二区国产精品| 日韩综合中文字幕| 欧亚精品在线观看| 久久91超碰青草是什么| 亚洲最大成人网色| 亚洲成人激情小说| 亚洲国产精品人人爽夜夜爽| 国产精品免费在线免费| 97香蕉超级碰碰久久免费软件| 久久久国产视频| 综合136福利视频在线| 这里只有精品久久| 国产精品久久久久一区二区| 亚洲一区二区三区在线视频| 国产精品影院在线观看| 欧美整片在线观看| 日韩在线观看免费全集电视剧网站| 欧美日韩xxx| 亚洲第一精品福利| 国产成人aa精品一区在线播放| 中文字幕欧美亚洲| 亚洲嫩模很污视频| 日韩成人xxxx| 国产经典一区二区| 中国日韩欧美久久久久久久久| 亚洲天堂免费观看| 久久91超碰青草是什么| 欧美日韩精品中文字幕| 日韩精品中文字幕在线| 午夜精品一区二区三区在线| 成人乱人伦精品视频在线观看| 欧美一级片一区| 国产精品老牛影院在线观看| 欧美视频一区二区三区…| 欧美一级片免费在线| 欧美成人免费全部观看天天性色| 国产精品中文在线| 国产欧美一区二区三区在线看| 国产精品久久久久久久久久ktv| 国产精品视频网站|