公共区域,原型

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            /*
             * 原型 prototype
             * 
             *  我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype
             *      这个属性对应着一个对象,这个对象就是我们所谓的原型对象
             *  如果函数作为普通函数调用prototype没有任何作用
             *  当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,
             *      指向该构造函数的原型对象,我们可以通过__proto__来访问该属性
             * 
             *  原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,
             *      我们可以将对象中共有的内容,统一设置到原型对象中。
             * 
             * 当我们访问对象的一个属性或方法时,它会先在对象自身中寻找,如果有则直接使用,
             *  如果没有则会去原型对象中寻找,如果找到则直接使用
             * 
             * 以后我们创建构造函数时,可以将这些对象共有的属性和方法,统一添加到构造函数的原型对象中,
             *  这样不用分别为每一个对象添加,也不会影响到全局作用域,就可以使每个对象都具有这些属性和方法了
             */
            
            function MyClass(){
                
            }
            
            //向MyClass的原型中添加属性a
            MyClass.prototype.a = 123;
            
            //向MyClass的原型中添加一个方法
            MyClass.prototype.sayHello = function(){
                alert("hello");
            };
            
            var mc = new MyClass();
            
            var mc2 = new MyClass();
            
            //console.log(MyClass.prototype);
            //console.log(mc2.__proto__ == MyClass.prototype);
            
            //向mc中添加a属性
            mc.a = "我是mc中的a";
            
            //console.log(mc2.a);
            
            mc.sayHello();
            
            
        </script>
    </head>
    <body>
    </body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容