js 中对象--对象结构（原型链基础解析）

<script>
function Foo(){    //声名一个函数FOO

}
alert(typeof Foo.prototype)    //Foo.prototype 是一个对象。也可以是obj对象上的原型
Foo.prototype.z =3    //设置了原型属性z为3
var obj = new Foo()    //用构建函数来创建了obj对象
obj.x = 1;            //x=1是obj对象上本身的属性
obj.y = 2;           //y=2是obj对象上本身的属性
alert(obj.x)         //=>1 对过查询对象，我们是否得到这个属性值
alert(obj.y)         //=>1 对过查询对象，我们是否得到这个属性值
alert(obj.z)        //=》3 z不是obj本身的属性，是他原型上的属性，如果本身没有，可以向他的原型链上的原型来查找，得到z属性
alert(obj.toString())//=toString是顶级object对象上的属性，先是查找原型上有没有这个属性，如果没有再往原型链上顶级的object对象上找
</script>

<script>
function Foo(){    //声名一个函数FOO

}
Foo.prototype.z =3    //设置了原型属性z为3
var obj = new Foo()    //用构建函数来创建了obj对象
obj.z = 5     //定义对象的属性Z = 5
alert(obj.z)   //=>5  如果对象上本身定义了属性z ，则先用对象本身的属性
delete obj.z;   //删除对象上本身的属性
alert(obj.z);   //=>3再次获取对象的z，结果发现对象本身z的属性被删除了，会自动往对象的原型上查找，得到z=3
delete Foo.prototype.z;  //删除对象原型上的z属性
alert(obj.z)   //=> undefined 因为对象本身的z属性被删除，原型上的z属性也被删除，再继续往顶级对象Object上查找，没有此属性，返回undefined
</script>

<script>
var obj = Object.create({z:4})  //Object.create({z:4})是一个对象上的一个原型，z是原型上的属性
obj.x = 1      //x是对象本身的属性
obj.z = 3         //z是对象本身的属性
alert(obj.x)     //=>1  输出的是对象本身的x
alert(obj.z)     //=>3  输出的是对象本身的z
delete obj.z;    //当我们删除对象本的z
alert(obj.z)    //就是会向原型上面查找原型上有没有这个属性，如果有，z指的是原型上的属性
</script>

<script>
//用  属性 In  对象来检测 是否是对象上的属性，返回true否是，返回false 则不是
function Foo(){

}
Foo.prototype.z = 5
var obj = new Foo()
obj.x = 1 ;
obj.y = 2;
alert("x" in obj)   //=>true x是对象上本身定义的属性
alert("y" in obj)   //=>true y也是对象上本身定义的属性
alert("z" in obj)   //=>true z是从对象原型上继承来的属性
alert("toString" in obj) //=>true toString是从顶级对象Object上继承来的属性
alert("no" in obj)   //=>false  对象本上没有，查找整个原型链都没有这个属性直到null 则反回false,
</script>

<script>
//用对象.hasOwnProperty("属性") 来检测是否是对象本身的属性，而不是继承来的
function Foo(){

}
Foo.prototype.z = 5
var obj = new Foo()
obj.x = 1 ;
obj.y = 2;
alert(obj.hasOwnProperty("x")) //=>true   x是对象本身定义的属性，所以返回true
alert(obj.hasOwnProperty("z")) //=>false   z是对象原型上继承的属性，所以返回false
alert(obj.hasOwnProperty("toString")) //=>false   toString是顶级对象上继承来的属性，所以返回false
</script>

<script>
var obj = Object.create({x:1})
obj.y = 2
alert("y" in obj)  //=>true
alert("x" in obj)  //=>true
alert("toString" in obj)  //=>true
alert(obj.hasOwnProperty("x")) //=>false
alert(obj.hasOwnProperty("y"))  //=>true
var obj1 = Object.create(null)
alert("toString" in obj1)    //=>false 创建了一个不继承任何属性的对象obj1，直到顶级对象Object对象都不继承
</script>