美文网首页
vue常用的ES6语法--class

vue常用的ES6语法--class

作者: 前端二营长 | 来源:发表于2018-10-12 16:44 被阅读0次

    新增加的语法糖,作用:让对象原型的写法更加清晰,更像面向对象的编程方式;构造函数的另一种写法
    1、构造函数

            function Person(name,age){
                this.name = name;
                this.age = age;
            }
    
            Person.prototype = {
                constructor:Person,
                print(){
                    console.log('我叫' + this.name + ',今年' + this.age + '岁');
                }
            }
    
            let person = new Person('张三',19);
            console.log(person);
    

    2、通过class面向对象

           class Person1{
                constructor(name,age){
                    this.name = name;
                    this.age = age;
                }
    
                 print1(){
                    console.log('我叫' + this.name + ',今年' + this.age + '岁');
                }
            }
    
            let person1 = new Person1('张三',19);
            console.log(person1);
            person1.print1();
    

    相关文章

      网友评论

          本文标题:vue常用的ES6语法--class

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