JavaScript 继承（六）原型二

不好意思因为懒，，我懒得弄图，，就是代码+注释

//首先 我们明白变量屏蔽 简单来说就是局部变量屏蔽全局变量
//这事就不废话了。。
//那么 如果 一个对象本身有 a 属性 他的prototype上也有会怎么样呢？
//用代码说话
function Foo(){
    this.a = 0;
    Foo.prototype.a = 1;
}

var foo = new Foo();

console.log(foo.a); //0
//由此可见 本身的属性会屏蔽 prototype上的属性

var Bar = {
    get a(){
        return "a";
    },
    set a(val){
        console.log("给a赋值了")
        this._a_ = val;
    },
    "b":"b",
    "c":"c"
}


var bar = Object.create(Bar);
console.log(bar.a,bar.b,bar.c)
//可以打印 a b c

console.log("a:"+bar.hasOwnProperty("a"))
console.log("b:"+bar.hasOwnProperty("b"))
console.log("c:"+bar.hasOwnProperty("c"))
//均为假 说明都在bar.prototype上

Object.defineProperty(bar,"c",{
    
    writable:false
})
//修改 c 不可写


//给bar的 a b c赋值 问 会有什么情况发生？
//在bar 上 创建对应变量 然后屏蔽他 prototype上的同名变量？
//还是直接修改他 prototype上的那个变量？
bar.a = 1;
//给a赋值了
bar.b = 2;
bar.c = 3;
console.log(bar.a,bar.b,bar.c);
// a  2  undefiend
//由此可见 三种不同的情况 结果不尽相同
//看看他们到底在bar上还是在prototype上
console.log("a:"+bar.hasOwnProperty("a"))//false
console.log("b:"+bar.hasOwnProperty("b"))//true
console.log("c:"+bar.hasOwnProperty("c"))//true
//也就是说 如果设置了 set 那就是直接调用prototype上的对应 set
//如果可写 就会创建一个同名变量 屏蔽
//如果只读 创建成功 但是无法赋值