码迷,mamicode.com
首页 > 其他好文 > 详细

es6 class使用文档

时间:2019-01-21 11:09:34      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:指定   实现   注意   定义   默认方法   多个   使用   console   默认   

//定义了一个名字为Person的类

constructor方法是类的构造函数的默认方法,通过new命令生成对象实例时,自动调用该方法。
constructor方法如果没有显式定义,会隐式生成一个constructor方法。所以即使你没有添加构造函数,构造函数也是存在的。constructor方法默认返回实例对象this,但是也可以指定constructor方法返回一个全新的对象,让返回的实例对象不是该类的实例。
constructor中定义的属性可以称为实例属性(即定义在this对象上),constructor外声明的属性都是定义在原型上的,可以称为原型属性(即定义在class上)。

class Person{   
            constructor(name,age){      //constructor是一个构造方法,用来接收参数
                       this.name = name;        //this代表的是实例对象
                      this.age=age;
            }
        say(){      //这是一个类的方法,注意千万不要加上function
            return "我叫" + this.name+"今年"+this.age+"岁了";
    }
}
var obj=new Person("天天",18);
console.log(obj.say());         //我叫天天今年18岁了

修改类方法

Person.prototype.say=function(){        //定义与类中相同名字的方法。成功实现了覆盖!
    return "我是来证明的,你叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("天天",38);
console.log(obj.say());         //我是来证明的,你叫天天今年38岁了

新增类方法

Person.prototype.addFn=function(){
    return "我是通过prototype新增加的方法,名字叫addFn";
}
var obj=new Person("天天",48);
console.log(obj.addFn());       //我是通过prototype新增加的方法,名字叫addFn

动态新增多个类方法

Object.assign(Person.prototype,{
    getName:function(){
         return this.name;
    },
    getAge:function(){
         return this.age;
    }
})
var obj=new Person("天天",58);
console.log(obj.getName());    //laotie
console.log(obj.getAge());     //88

es6 class使用文档

标签:指定   实现   注意   定义   默认方法   多个   使用   console   默认   

原文地址:http://blog.51cto.com/14181265/2344511

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!