对象--笔记

本博客以学习为主,适当的摘抄一些笔记,到时可做复习,请博主多多海涵。
博主大大的博客:
http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html

        function Cat(name,color){
          this.name=name;
          this.color=color;
        }
        var cat1=new Cat("xixi","yellow");
        var cat2=new Cat("haha","red");
        console.log(cat1.constructor==Cat);//true constructor属性,指向对象的构造函数。
        console.log(cat2.constructor==Cat);//true
        console.log(cat1 instanceof Cat);  //true  验证原型对象与实例对象之间的关系。

构造函数模式的问题
浪费内存,给每个实例化的对象都分配各自的属性和方法。这些都是重复的内容。能不能让重复的属性和方法在内存中只生成一次,然后所有实例都指向那个内存地址呢?回答是可以的。

          function Cat(name,color){
          this.name=name;
          this.color=color;
          this.type="猫科动物";
          this.shout=function(){
            alert("喵喵喵");
          }
        }
        var cat1=new Cat("xixi","yellow");
        var cat2=new Cat("haha","red");
        console.log(cat1.type);   //猫科动物
        console.log(cat1.type==cat2.type); //true

        console.log(cat1.shout); //function(){alert("喵喵喵");}
        console.log(cat1.shout==cat2.shout);  //false
        //注意这里对象的方法和对象的属性比较

Prototype模式

Javascript规定, 每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。

//构造函数即生产实例化对象的函数

        function Cat(name,color){
          this.name=name;
          this.color=color;
        }
        var cat1=new Cat("xixi","yellow");
        var cat2=new Cat("haha","red");
        Cat.prototype.type="猫科动物";
        Cat.prototype.shout=function(){
          alert("喵喵喵");
        }

        console.log(Cat.prototype); //Object
        console.log(Cat.shout);  //undefined
        console.log(cat1.shout); //function(){alert("喵喵喵");}
        console.log(cat1.type==cat2.type);  //true
        console.log(cat1.shout==cat2.shout);  //true
        //所有实例的type属性和eat()方法,其实都是同一个内存地址,指向prototype对象,因此就提高了运行效率。
//检验某个原型对象是不是某个实例的原型
console.log(Cat.prototype.isPrototypeOf(cat1));  //true

//判断实例对象的某一个属性到底是本地属性,还是继承自prototype对象的属性。
console.log(cat1.hasOwnProperty("name"));  //true

//in运算符可以用来判断,某个实例是否含有某个属性,不管是本地属性还是继承过来的属性都为true。
console.log("name" in cat1);  //true
console.log("type" in cat1);  //true
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值