美文网首页
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