es6的类

       在javascript语言中,生成实例对象使用构造函数;ES6提供了类Class这个概念,作为对象的模板。定义一个类通过class关键字,ES6的类可以看成是构造函数的另一种写法。

// 1.定义一个类
class Person {
    //静态属性,使用关键字修饰,是私有属性 并不是公共属性
    //可以是引用数据类型,也可以是引用数据类型
    static weight = '50KG';
    // 2.constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。
    // 一个类必须有constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加。
    // 构造器,里面声明实例属性
    constructor(name, age, gender) {
        this.name = name;
        this.age = age;
        this.gender = gender;
    }
    // 3.实例方法,不需要任何关键字修饰
    // 其实是存在于Person.prototype中,可供所有的实例调用。
    sayName() {
        console.log('my name is', this.name);
    }
    // 4.通过static关键字来定义静态属性和静态方法。也可以在外侧添加静态属性;
    // 静态属性和静态方法是定义在类【构造函数】上的,所以可以通过类【构造函数】直接访问。
    // 在静态方法中,this指向当前类【构造函数】
    static sayWeight() {
        console.log(this.weight);
    }
}
//实例化
let tom = new Person('tom', 20, '男')
console.log(tom);
tom.sayName();
// 通过class类来调用静态属性和方法
console.log(Person.weight);
Person.sayWeight();
class Person {
    //构造器 默认有一个,可以显式提供
    constructor(name, age) {
        // 实例的私有属性
        this.name = name;
        this.age = age;
    }
    // 实例私有属性
    test = ['hello']
    // 实例的方法 原型对象中的方法
    sayName() {
        console.log(this.name)
    }
    // 静态方法
    static sayAge(p) {
        return p instanceof Person
    }
    //静态属性
    static gende = '男'
};
let p = new Person('zhangsan', 12);
let p2 = new Person({});
p.test.push('tom')
console.log(p, p2);//维护的是私有属性 创建的是不同子类构造函数对象
p.sayName();
console.log(Person.sayAge(p));//静态方法由类去调用
console.log(p.test === p2.test);//私有属性不相同
console.log(p.sayName === p2.sayName)//存放在原型对象中的是同一个方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值