JS原型protopyte

时间:2023-01-20 00:21:55 类型:JS/JQUERY
字号:    
 /* 
            原型:protopyte
            
            我们新建的每一个函数,解析器都会向函数中添加一个属性propotype
            如下:
        */
                     function Person(){}
                     console.log(Person.prototype);
        /* 
            原型对象:  这个属性对应着一个对象,这个对象就是我们所谓的原型对象

            作用:     如果函数作为普通函数调用, prototype没有任何作用

                       当函数以构造函数的形式调用时,如下:
         */
                        function Person(){}
                        let p1 = new Person();
         //       它所创建的对象中都会有一个隐含的属性, 指向该构造函数的原型对象, 我们可以通过__proto__来访问该对象
                console.log(p1.__proto__);
         /*      原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象
                 我们可以把 对象中 共有的内容, 统一设置到原型对象中
                 如下:
         */    
                 //向Person中添加一个属性
                 Person.prototype.country = "中国";
                 console.log(p1.country); //并没有在p1中设置,但却有 
                 //向Person中添加一个方法
                 Person.prototype.speak = function(){
                    console.log("我很棒!");
                 }
                 p1.speak();

            /* 
                 当我们访问对象一个属性或方法时,它会先在对象自身中寻找,如果有,则直接使用,如果没有,则会去原型对象中寻找,如果找到则直接使用
            */
           /* 
                 总之: 我们创建构造函数时,可以将这些对象共有的属性和方法, 统一添加到构造函数的原型对象中,这样就不用分别为每一个对象添加, 也不会影响到全局作用域, 就可以使 每个对象都具有这些属性和方法了
           */


<