JS面向对象编程

最开始的原型图

添加了一个 construtor:Player   再添加一个 init 初始化方法之后

执行了这两段语句之后,结构又变了

如果默认情况下不修改 init 函数的prototype的指向 那么这个函数创建的对象就是通过 init 函数创建的 和Dog对象没有关系了
 

函数式创建对象:

        function f1(x,y) {
            this.ts = function(){
                alert(x+"..."+y);
            }
        }

        let f = new f1(1,2);    //创建一个对象
        let f2 = new f1(3,4);    //创建一个对象
        f.ts();
        f2.ts();

类创建对象:

class Ball{

            /**
             * 构造器
             */
            constructor(x,y,color){
                this.x = x;
                this.y = y;
                this.color = color;
               this.r = 40;
            }
            /**
             * 类方法
             */
            render(x,y){
                alert(x+"..."+y);
            }
        }