欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js类的封装

程序员文章站 2024-02-20 20:16:22
...

js中,每一个构造函数都有一个prototype,指向另一个对象,这个对象的所有属性和方法,都会被构造函数的实例继承
这意味着,我们可以把那些不变的属性和方法,直接定义在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(); // 吃老鼠

prototype模式的验证方法

  1. isPrototypeof()
    用来判断某个prototype对象和某个实例之间的关系
alert(Cat.prototype.isPrototypeOf(cat1)); //true
  1. hasOwnProperty()
    用来判断一个属性到底是本地属性,还是继承自prototype对象的属性
alert(cat1.hasOwnProperty("name")); // true
alert(cat1.hasOwnProperty("type")); // false

3.in
in可以用来判断,某个实例是否含有某个属性,不管是不是本地属性

转载于:https://www.jianshu.com/p/93d351ca8c52