js类的封装

作者: 柒轩轩轩轩 | 来源:发表于2018-04-17 05:17 被阅读0次

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可以用来判断,某个实例是否含有某个属性,不管是不是本地属性

相关文章

  • js的封装

    JS的封装(JS插件的封装) JS中类的概念 类,实际上就是一个function,同时也是这个类的构造方法,new...

  • js类的封装

    js中,每一个构造函数都有一个prototype,指向另一个对象,这个对象的所有属性和方法,都会被构造函数的实例继...

  • JavaScript类(ES6)

    JavaScript不像传统OO语言有class关键字,即JS没有类。因此JS为了取得类的复用啊,封装啊,继承啊等...

  • vue el-upload直传阿里云oss

    1.首先,node中安装ali-oss 2.封装oss通用上传js工具类 aliOss.js 工具类 utils....

  • 微信小程序中如何引用自定义的类

    1.先封装一个http类,在util/http.js中 创建classice.js 去继承HTTP类 在class...

  • mqtt.js使用

    工作中的尝试和积累 安装mqtt.js 封装类 mqtt_service.js 在页面中调用

  • 用jq + es6写一个抽奖奖盘

    一、静态html页面(index.html) 二、封装一个类(lottery.js) 三、运用(index.js)...

  • 微信小程序es6的class请求封装

    基于promise的小程序代码api封装。 新建promise.js,用es6类封装的方法。 新建request....

  • Cesium 视锥体 Frustum

    CreateFrustum.js 封装创建视锥体的类 创建视锥体、视点、坐标轴 效果

  • JS工具类函数封装

    根据id获取元素 获取css样式 通过标签名获取元素 通过class获取元素 运动函数 类数组转数组方法 获取n-...

网友评论

    本文标题:js类的封装

    本文链接:https://www.haomeiwen.com/subject/fznykftx.html