10JavaScript函数对象的prototype

<script type="text/javascript">

//  prototype:原型就是很多对象共享的一个内容，

    //-----------------为什么要有prototype原型对象？有什么用？--------------
                function Person(uname, uage, uemail) {
                //当在该构造函数中，通过this为对象注册成员的时候，那么将来创建的每个对象，都会保存一份这些成员的副本。
                    this.userName = uname;
                    this.userAge = uage;
                    this.userEmail = uemail;

                    this.sayHi = function () {
                        alert('Hi~_^大家好！，我叫：' + this.userName);
                    };

                    this.sayHello = function () {
                        alert('Hello 大家好，我今年' + this.userAge + '岁了。');
                    };

                    this.sayMorning = function () {
                        alert('good morning!');
                    };
                }


                //问题：p1 p2 p3创建的对象 每个对象都会包含3个属性 3个方法 占用内存空间
                //其实是合理的，p1对象改变自己的属性不能影响到其他对象的成员，但是对于方法都保存一份就没有必要了
                //当我们写一个对象的时候，对于对象中的属性单独创建一份没问题，但没必要没每个方法都保存一份空间
                var p1 = new Person('张三', 18, 'mll@yahoo.com');
                p1.userName = "fsdfsdf";

                var p2 = new Person('李四', 19, 'pwb@yahoo.com');

                var p3 = new Person('王五', 20, 'qg@yahoo.com');


                 function Person(email) {
            this.userEmail = email;
        }

      //把对象的所有的方法都注册到了Person.prototype对象上。（把方法注册到Person的原型上）
        Person.prototype.sayHi = function () {
            alert('Hi~我叫' + this.userName);
        };

        Person.prototype.sayHello = function () {
            alert('Hello ! 我：' + this.userAge + '岁了。');
        };

        Person.prototype.userName = '张三';
        Person.prototype.userAge = 18;

        Person.prototype.sayHi();
        Person.prototype.sayHello();
   

　　　　　　//通过原型为一个已经编写好的类型增加一个扩展方法
　　　　　　String.prototype.sayHello = function () {
　　　　　　alert('我是字符串！！！');
　　　　　　};

　　　　　　String.prototype.addStyle= function (str) {
　　　　　　return "★" + str + "★";
　　　　　　};

　　　　　　var msg = 'hello';
　　　　　　msg.sayHello();
　　　　　　alert(msg.addStyle(msg));

</script>