JS面向对象编程

翻译于 2019-01-01 01:12:17 发布 · 274 阅读

JS 专栏收录该内容

72 篇文章

订阅专栏

本文探讨了使用JavaScript函数和类来创建对象的不同方式。通过示例，展示了如何利用函数和类构造器定义对象，并调用其方法。比较了函数式创建对象与类创建对象的语法和特点。

最开始的原型图

添加了一个 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);
            }
        }