网站建设资讯

NEWS

网站建设资讯

es6class使用文档

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

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

创新互联是一家专注于网站制作、网站建设与策划设计,海城网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:海城等地区。海城做网站价格咨询:18980820575

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

网页标题:es6class使用文档
文章源于:http://cdweb.net/article/giccpe.html