Javascript-学习笔记记录之prototype

1. prototype是类的属性，换句话说就是静态属性

2. ptototype和__proto__的区别，前者是类的属性，后者是对象属性

3. prototype和__proto__的例子

<script>
  function Person() {
    this.age = 22;
    this.sex = "man";
  }
  Person.prototype.showInfo = function() {
    return "It is first time to public what i learning!" + "Person object age is " + this.age + ", sex is " + this.sex;
  }
  var p = new Person();
  p.age = 23;
  p.sex = "also man";
  p.__proto__.showMsg = function() {
    return "My name is AskMeWhy.I'm " +this.age +" years old and i'm "  + this.sex;
  }
  document.write((new Person()).showInfo());
  document.write("<br>");
  document.write(p.showMsg());
</script>

另外要说明一点，刚看的时候就一直以为prototype的引用指向的是父类，所以认为Person.prototype是为父类Object添加属性。我们可以通过以下两个方法来检测一下，对象或者类中是否包含指定的属性：

<script>
  // var p = new Person(); 一开始以为是true 结果还是false
  document.write(p.hasOwnProperty("showInfo")); // true (Error) 正确答案:false
  document.write("<br>");
  // 初始化存在的属性
  document.wriete(p.hasOwnProperty("age")); // true
document.write("<br>");
  // var o = new Object();
  document.write(o.hasOwnProperty("showInfo")); // false
document.write("<br>");
  // Class 
  document.write(Object.hasOwnProperty("showInfo")); // false
  // 总结：该方法无法检查对象的原型链中是否包含某属性，属性必须是对象本身定义的成员

</script>

以上的方法在IE-11中试的

那么如果来检测原型链中某对象是否包含指定的属性呢，我就剩下了遍历对象的可枚举的属性了。

<script>
  // Person对象属性
  for( var per in p) {
    document.write( p + "<br>");
  }
  // Object对象属性
  for(var oo in o) {
    document.write(oo + "<br>");
  }
</script>

以上就是我的判断，证实showInfo属性存在于Person类属性中，其父类并没有存在该自定义的属性。

 

以上是我第一次发博客，如果有什么不足之处，请各位好心指出并指点一二，共同进步。

我是菜鸟，我为自己代言！

转载于:https://www.cnblogs.com/justsword/p/4190827.html