小程序学习:构造函数写法对比

小程序自学网站推荐:http://www.51zxw.net/study.asp?vip=4857021

一般写法:

    function Test(x,y) {
        this.x=x;
        this.y=y;
    };

    Test.prototype.sum=function () {
        return this.x+this.y;
    }

    var t =new Test(10,10);
    var he = t.sum();
    console.log(he);    //20

ES6写法:

    class Test{
        constructor(x,y){
            this.x=x;
            this.y=y;
        };
        sum(){
            return this.x+this.y;
        };

    }

    let t =new Test(10,1000);
    let he = t.sum();
    console.log(he);   //1010
    class  People{
        eat(){
            console.log("我能吃饭!")
        }
        think(){
            console.log("我会思考!")
        }
    }


    class Student extends People{
        read(){
            console.log("我会读书!")
        }
    }


    var Red = new Student();

    Red.eat();  //我能吃饭
    Red.think();  //我会思考
    Red.read();  //我会读书


你可能感兴趣的:(前端笔记,Javascript)