首页 > 编程语言 > 详细

Javascript-学习笔记记录之prototype

时间:2014-12-28 23:32:29      阅读:320      评论:0      收藏:0      [点我收藏+]

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类属性中,其父类并没有存在该自定义的属性。

 

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

我是菜鸟,我为自己代言!

Javascript-学习笔记记录之prototype

原文:http://www.cnblogs.com/justsword/p/4190827.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!