js16--自定义原型对象

最新推荐文章于 2024-11-16 14:11:26 发布
weixin_34149796
最新推荐文章于 2024-11-16 14:11:26 发布
阅读量89
点赞数
文章标签： javascript ViewUI
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script type=text/javascript charset=utf-8>
        /*function Person(){}
        Person.prototype = {
            name:123,
            age:456,
        }
        var attributes2 = Object.keys(Person.prototype);
        alert(attributes2);//name,age
        var attributes3 = Object.getOwnPropertyNames(Person.prototype);
        alert(attributes3);//name,age,constructor */

//直接通过对象字面量来重写整个原型对象（这种方法会改变原型对象的构造器）。原型对象和普通对象没什么差别。       先去自己对象里面找再去原型对象里面找，类似于先去子类找再去父类找。
        
        // 简单原型
        function Person(){}
        Person.prototype = {
            //constructor : Person ,    //prototype默认constructor是函数本身，没写defineProperty必须得表示原型对象的构造器,在枚举的时候构造器也会枚举出来，但是构造器是不能被枚举的，
            name: 'z3' , 
            age : 20 , 
            job : '程序员' ,
            say : function(){
                alert('我是原型的函数!');
            }
        };
        // ECMA5 给原型对象重新设置构造器的方法 Object.defineProperty();
        // FF4+ ie8+ 才兼容ECMA5新特性
        // 3个参数  参数1 ：重设构造器的对象   参数2：设置什么属性  参数3：options配置项，配置项一般都是对象
        Object.defineProperty(Person.prototype , 'constructor' , {
             enumerable : false , 
             value : Person 
        });//这样constructor就不能枚举了，上面的constructor : Person ,就可以不写了
        var p1 = new Person();
        alert(p1.name);
        p1.say();
        alert(Person.prototype.constructor); // Person
        
        // 枚举对象的keys
        for( attr in p1){
            alert(attr);
        }
        
        =================================================================================
        
        //原型的动态特性　实例对象必须在原型对象之后创建
        function Person(){
        }
        var p1 = new Person();
        Person.prototype.say = function(){alert('我是方法!')};
        p1.say();//没问题，没有修改原型对象的地址，只是加属性
        =============================================================================
        
        function Person(){
        }
        var p1 = new Person();  //开始 p1.__prpto__ === Person.prototype === 原型对象
        Person.prototype = {     //修改Person.prototype指向一个新对象
            constructor : Person ,    //可以被枚举
            say : function(){
                alert('我是原型的函数!');
            }
        };    
        p1.say(); // error p1.__prpto__指向的先前的原型对象里面没有任何属性和方法
        // 注意简单原型使用的顺序(实例对象必须在原型对象之后创建)
        var p2 = new Person();
        p2.say();
        </script>
    </head>
    <body>
    </body>
</html>