补基础之javascript面向对象-封装

生成实例对象的方法
1,原始模式()
缺点:一是如果多生成几个实例,写起来就非常麻烦;
二是实例与原型之间,没有任何办法,可以看出有什么联系

    var Cat = {
      name : '',
      color : ''
    }

2,构造函数模式(与普通函数差不多,只是用this变量,使用new运算符,就能生成实例,并且this变量会绑定在实例对象上)
缺点:每生成一个实例,属性方法都会重复,多占用一些内存。这样既不环保,也缺乏效率。

    function Cat(name,color){
      this.name = name;
      this.color = color;
      this.type = "猫科动物";
      this.eat = function(){alert("吃老鼠");};
    }

构造函数用下面的方法
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.eat == cat2.eat); //true

Prototype模式的验证方法
实例化后cat1会自动含有constructor属性,指向它们的构造函数

alert(cat1.constructor == Cat); //true

isPrototypeOf()
判断某个proptotype对象和某个实例之间的关系

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

hasOwnProperty()
判断某一个属性到底是本地属性,还是继承自prototype对象的属性

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

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

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

参考自阮一峰:Javascript 面向对象编程(一):封装
http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值