面向对象ES5和ES6语法的对比

ES5和ES6语法的对比

    // 1,ES5语法
    function Fun1(name,age){
        this.name  = name;
        this.age = age;
    }
    Fun1.prototype.f1 = function(){
        console.log(this.name , this.age);
    }

    

    // 2,ES6语法  class
    class Fun2{
        constructor(name,age){
            this.name = name;
            this.age = age;
        }

        f2(){
            console.log(this.name , this.age);
        }
    }

    const obj1 = new Fun1('张三',18);
    const obj2 = new Fun2('李四',20);

    console.log(obj1);
    console.log(obj2);