javascript - 原型链问题 求大神

问题描述

问 题

function fn() {
    this.a = 0;
    this.b = function() {
        alert(this.a)
    }
}
fn.prototype = {
    b: function() {
        this.a = 20;
        alert(this.a);
    },
    c: function() {
        this.a = 30;
        alert(this.a);
    }
}
var myfn = new fn();
myfn.b();
myfn.c();
构造函数和原型里面同样有方法b 变量为什么只有在构造函数里面有效？

解决方案

因为对象 obj 属性查找的规则是：

1. 先在对象 obj 上查找，找到则直接返回该属性，结束查找

2. 在对象的原型 obj.__propo__ 上查找，找到则直接返回该属性，结束查找

3. 在原型的原型(原型链）上查找，找到则直接返回该属性，结束查找

4. 重复第3步，直到原型指向null，结束查找，返回undefined

具体这个问题：myfn.b在对象属性上找到了，不需要去原型链上查找。

这篇关于javascript - 原型链问题 求大神的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！