2018-01-08 关于javascript原型链的思考

原型链

理解 prototype

  • http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html
    • 理解prototype
    function Cat(name,color){
            //本地属性
        this.name = name;
        this.color = color;
    
    }
    
    //继承属性
    
    Cat.prototype.type = "猫科动物";
    
    Cat.prototype.eat = function(){
       alert("吃老鼠")
    };
    
    

    然后生成实例

    var cat1 = new Cat("大毛","黄色");
    var cat2 = new Cat("二毛","黑色");
    alert(cat1.type); // 猫科动物
    cat1.eat(); // 吃老鼠
    

    这时所有实例的type属性和eat()方法,其实都是同一个内存地址,指向prototype对象,因此就提高了运行效率。

    alert(cat1.eat == cat2.eat); //true
    

prototype 的验证几种方法

1> isPrototypeOf()

  • 这个方法用来判断,某个proptotype对象和某个实例之间的关系。
  alert(Cat.prototype.isPrototypeOf(cat1)); //true

  alert(Cat.prototype.isPrototypeOf(cat2)); //true

2> hasOwnProperty()

每个实例对象都有一个hasOwnProperty()方法,用来判断某一个属性到底是本地属性,还是继承自prototype对象的属性。

  alert(cat1.hasOwnProperty("name")); // true

  alert(cat1.hasOwnProperty("type")); // false

3> in运算符

in运算符可以用来判断,某个实例是否含有某个属性,不管是不是本地属性。

  alert("name" in cat1); // true

  alert("type" in cat1); // true

in运算符还可以用来遍历某个对象的所有属性。

  for(var prop in cat1) {
      alert("cat1["+prop+"]="+cat1[prop]);
  }
    原文作者:_panda
    原文地址: https://www.jianshu.com/p/f241fc146612
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞