理解JavaScript原型、原型链 6题，面试官对你惺惺相惜、情不自禁！

旧城等待， 2021-07-24 16:00 274阅读 0赞

# 说明： #

在JavaScript中，对象都有\_\_proto\_\_属性（隐式原型），指向构造该对象的构造函数的原型。

而函数Function比较特殊，它除了和其他对象一样有\_\_proto\_\_属性，还有自己特有的属性----prototype称之为原型对象，原型对象有一个constructor属性，该属性指回该函数。

## 经典图: ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RrbTEyMzQ1Ng_size_16_color_FFFFFF_t_70][]

接下来是我整理的几个题，希望对大家有所帮助!

### 题目1： ###

function F() {
      this.a = 1;
    }
    var obj = new F();
    console.log(obj.prototype);//打印undefined   对象只有 __proto__属性没有prototype属性，函数才有

### 题目2： ###

Object.prototype.a = 1;
    var obj = {
        b: 2
    };
    for(var i in obj) {
        console.log(i); //能迭代出原型链里面的属性，所以会打印出 b和a
    }

### 题目3： ###

Object.prototype.a = 1; 
    var obj = {
        b: undefined
    };
    
    console.log(obj.a);//1
    console.log('b' in obj);//true  //能找到处于原型链里面的bar属性
    
    console.log(obj.hasOwnProperty('a'));//false 不是自身的属性
    console.log(obj.hasOwnProperty('b'));//true  是自身的属性

### 题目4： ###

### 题目5： ###

function A () {
    }
    A.prototype.n = 1;
    
    var b = new A();//b实例对象已经建立原型连接
    
    //原型对象指向被改变，不会切断b实例对象的
    A.prototype = {
        n: 2,
        m: 3
    }
    var c = new A();//c实例对象将根据新的原型建立连接
    
    console.log(b.n, b.m); //1 undefined  这里拿到是改变prototype之前的
    console.log(c.n, c.m); //2 3		这里拿到是改变prototype之后的

### 题目6： ###

### 欢迎指正！！ ###

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RrbTEyMzQ1Ng_size_16_color_FFFFFF_t_70]: /images/20210724/c1e69c712aeb4b099d35200aa653a465.png