美文网首页
构造函数、原型模式

构造函数、原型模式

作者: 栀心_d553 | 来源:发表于2019-12-31 11:37 被阅读0次

    构造函数

        <script type="text/javascript">
            function Person(name,age,job){
                this.name = name;
                this.age = age;
                this.job = job;
    
                this.shoeName = function () {
                    alert(this.name);
                }
                this.shoeAge = function () {
                    alert(this.age);
                }
                this.shoeJob = function () {
                    alert(this.job);
                }
            }
            //以上定义的所有方法对于下面的对象来说,不是共有的。各自是各自的
            var Bob = new Person('bob',18,'狗狗');//new 的作用:创建新对象并且返回值。
            Bob.shoeJob();
    
            var alics = new Person('alen',18,'猫猫');
            alics.shoeJob();
    
            console.log(Bob.shoeJob == alics.shoeJob);//false
        </script>
    

    原型模式

        <script type="text/javascript">
            function Person(name,age,job){
                this.name = name;
                this.age = age;
                this.job = job;
            }
                Person.prototype.showName = function () {
                    alert(this.name);
                }//prototype 的作用   所有对象可以共用函数(原型)
                Person.prototype.showAge = function () {
                    alert(this.age);
                }
                Person.prototype.showJob = function () {
                    alert(this.job);
                }
            var luci = new Person('lici',18,'测试老鼠');
            luci.showJob = function () {
                alert('我的工作:'+ this.job);
            }//重写属性,会覆盖原来的     自己独有的属性
            luci.showJob();
            var lily = new Person('lily',19,'市场');
            lily.showJob();
    
    
        </script>
    
    
    
    

    相关文章

      网友评论

          本文标题:构造函数、原型模式

          本文链接:https://www.haomeiwen.com/subject/ytsboctx.html