Javascript高级学习笔记2 -- 原型及原型链1

        //使用对象 --->使用对象中的属性和对象中的方法,使用对象先要有构造函数
        //构造函数
        function Person(name,age){
            //属性
            this.name = name;
            this.age = age;
            //在构造函数中的方法
            this.eat = function(){
                console.log("吃榴莲");
            };
/*             this.sayHi = function(){
                console.log("guoguo");
            }; */

        };
        //添加共享的属性
        Person.prototype.sex="男";
        //添加共享的方法
        Person.prototype.sayHi = function(){
            console.log("guoguo");
        };
        //实例化对象,并初始化
        var per = new Person("小明",20);
        per.sayHi(); //实例对象可以直接访问原型对象的属性或方法
        /*如果想使用一些属性和方法,并且属性的值在每个对象中都是一样的,方法在每个对象中的操作都是一样的,
        那么为了共享数据,节省内存空间,是可以把属性和方法通过原型的方式进行赋值*/

        console.dir(per); //实例对象的结构
        console.dir(Person); //构造函数的结构

        //实例对象的原型__proto__和构造函数的原型prototype指向市相同的
        //实例对象中的__proto__原型指向的市构造函数的原型prototype
        console.log(per.__proto__ == Person.prototype);
        //实例对象中__proto__是原型
        //构造函数中的prototype是原型

        //原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的

//构造函数中的this就是实例对象
    //原型对象中的方法中的this就是实例对象
/*         function Person(age){
            this.age = age;
            console.log(this);
        };

        Person.prototype.eat = function(){
            console.log("上面是构造函数中的this");
            console.log(this);
            console.log("这是原型方法中的this");
        };
        var per = new Person(10);
        per.eat();
        console.log(per); */



/*         function Student(){};

        Student.prototype.study = function(){
            console.log("加油努力学习");
        };
        
        Student.prototype = {
            eat:function(){console.log("我没报错");}
        };

        var stu = new Student();
        // stu.study();  报错了
        stu.eat(); */

        //人的构造函数
        function Person(age){
            this.age = 10;
        };
        //原型对象的方法
        Person.prototype.eat = function(){
            console.log("我想吃饭");
        };

        //学生的构造函数
        function Student(){};
        //学生的原型方法
        Student.prototype.study = function(){
            console.log("你好,努力学习哦");
        };
        //学生的原型方法指向了一个人的实例对象
        Student.prototype = new Person(10);
        var stu = new Student();
        stu.eat();  //我想吃饭
        //stu.study(); 报错了、

        //原型指向可以改变
        //原实例对象的原型__proto__指向的是该对象所在构造函数的原型对象
        //构造函数的原型对象(prototype)指向如果发生改变了,实例对象的原型(__proto__)指向也会发生改变

        //原型的指向是可以改变的
        //实例对象和原型对象之间的关系是通过__proto__原型来联系的,这个关系就是原型链
    </script>

        function Person(){

        };
        Person.prototype.eat=function(){
            console.log("吃东西");
        };

        var per = new Person();
        console.dir(per);
        console.dir(Person);
        
        //实例对象中有__proto__原型
        //构造函数中有prototype原型
        //prototype是对象
        //prototype中也有__proto__
        //实例对象中的__proto__指向的是构造函数的prototype
        //所以,prototype这个对象中的__proto__指向的应该是某个构造函数的prototype

        //Person中的prototype中的__proto__
        console.log(Person.prototype.__proto__);

        //实例对象__proto__指向的是构造函数的原型对象
        //原型对象的__proto__指向Object的prototype
        //Object的Prototype的__proto__指向的是null

        console.log(per.__proto__ == Person.prototype); //true
        console.log(per.__proto__.__proto__ == Person.prototype.__proto__); //true
        console.log(Person.prototype.__proto__ == Object.prototype);
        console.log(Object.prototype.__proto__);