js（ES5）面向对象以及原理

                                                             普通对象和函数对象//    var o1={};//    var o2=new Object();//    var o3=new f1();//    凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象,系统内置的函数对象Function,Object,Array,String,Number//    function f1() {////    }//    var f2=function () {////    }//    var f3=new Function("str","");////    console.log(typeof o1); //object//    console.log(typeof o2); //object//    console.log(typeof o3); //object//////    console.log(typeof f1); //function//    console.log(typeof f2); //function//    console.log(typeof f3); //function                                                                                                构造函数：/*-------------------------构造函数constructor --------------------*/    function Person(name,age,job) {        this.name=name;        this.age=age;        this.job=job;        this.sayName=function () {            alert(this.name)        }//        若忽略return则意味着返回this对象        console.log("++++++this",this)  // Person{}  不写new ，当成普通函数，指向widow    }//     person1 和 person2 都是 构造函数 Person 的实例    实例person1和 person2 的构造函数属性（constructor）指向构造函数Person 。//        person1.constructor == Person    var person1=new  Person("lichuyan",23,"web");//    .将构造函数中的Person的this指向对象person1。相对于普通函数，构造函数中的this是指向实例的，而普通函数调用中的this是指向windows的。    var person2=new Person("yuanmingqi",23,"java");    console.log("person1==person2",person1.sayName==person2.sayName)  // false//    缺点：可见这两个对象并不是共用一个方法，每new一次，系统都会新创建一个内存，这两个对象各自有各自的地盘，但他们具有相同的功能。还不共用，肯定不是我们所希望的。所以就有了下一种方法，原型+构造模式                                                                                                    原型对象一：原型对象用处是继承原型对象是一个普通的对象，    //    定律1：每个对象都有 __proto（隐私原型）__ 属性，但只有函数对象才有原型属性也叫（prototype）原型对象，在这里是Person.prototype;    //    所以我们只需要把想要共享的东西放在函数的prototype下，不想共享的东西通过构造函数来创建。// 构造模式    function Person(name,age,job) {        this.name=name;        this.age=age;        this.job=job;    }// 原型模式    Person.prototype.sayName=function () {        alert(this.name);    }    var person3=new  Person("lichuyan",23,"web");    person3.sayName();    var person4=new Person("yuanmingqi",23,"java");    person4.sayName();    console.log("person3==person4",person3.sayName==person4.sayName)  // true//    测试为true，可见同一个函数造出来的实例对象能共享这个函数的prototype下的方法和属性即showName()方法是共享的，也就是说他们共用一个内存，更进一步的说它们存在引用关系，也就是说你更改了p3的showName也会影响p4的showName二：原型对象下可能有三种属性 // 构造模式function CreatePerson(name){        this.name = name;    }  // 原型模式    CreatePerson.prototype.showName = function(){        console.log(this.name);    };    var p1 =new CreatePerson(‘haha‘);实例化对象怕p1通过_proto_属性共享了原型对象的属性和方法    p1.showName();    console.log("++++++++++实例p1",p1);    console.log("++++++++++实例p1的构造属性",p1.constructor); // 指向构造函数    console.log("++++++++原型对象下的三个属性",CreatePerson.prototype);//1 原型对象所带方法和属性 2 constructor即CreatePerson()这个构造函数 3_proto_属性    console.log("++++++++原型对象额构造属性",CreatePerson.prototype.constructor);    console.log("++++++++是否一样",p1.constructor===CreatePerson.prototype.constructor);//    结论： 实例person1的构造函数属性（constructor）指向构造函数CreatePerson=//         原型对象的构造函数属性指向构造函数CreatePerson //    1：在默认情况下，所有的原型对象都会自动获得一个 constructor（构造函数）属性，这个属性（是一个指针）指向函数（Person）既Person.prototype.constructor == Person//    定律2：原型对象（Person.prototype）也是 构造函数（Person）的一个实例。 图                                                                                  _proto_属性: /* _proto_属性:        同一个函数造出来的实例对象能共享这个函数的prototype下的方法和属性，但是它是如何做到的呢？这里要出场的就是_proto_属性.        每个实例化对象都有_proto_属性，它是一个指针，指向函数的prototype，也就是保存了它的地址。       （JS中任何对象的值都是保存在堆内存中，我们声明的变量只是一个指针，保存了这个对象的实际地址，所以有了地址就能找到对象），       所以总得来说，每个实例化对象都有_proto_属性，保存了构造函数的原型对象的地址，通过这个属性就可以拥有原型对象下的所有属性和方法，_proto_属性实际就是实例化对象和原型对象之间的连接*/                                                                              原型链：/*          每个函数都可以成为构造函数，每个函数都有原型对象，每个原型对象也可以是一个实例化对象，比如，你创建了一个函数fun,       它是构造函数function的实例化对象，而function的原型对象，又是Object的实例对象。所以fun有个_proto_属性可以访问到function的原型对象,function原型对象也是个实例对象，也有个_proto_属性,可以访问到Object的原型对象，所以通过_proto_属性，就形成了一条原型链。每个实例化对象都可以访问到链子上方的方法和属性      ，所以fun是可以访问Object原型对象下的方法和属性的。实际上所有对象都可以访问到Object的原型对象。      原型链的访问规则：先在自身的下面寻找，再去一级一级的往原型链上找。*/