其他分享
首页 > 其他分享> > 面向对象 封装

面向对象 封装

作者:互联网

封装:数据多权限和保密,在前端js里面用的不是很多,因为es6也好,es5也好,没有这种语法的特性,可以通过ts演示

 

封装首先要讲3个关键字
public 完全开放
protected 对子类开放
private 对自己开放
这三个关键字可以用于定义属性



// 父类,姓名,年龄可以公开,体重不能公开
class People {
    protected weight: any // 定义protected 属性
    constructor (public name:any, public age: any) {
        this.name = name
        this.age = age
        this.weight = 120
    }
    eat() {
        alert(`${this.name} eat something`)
    }
    speak() {
        alert(`my name is ${this.name}, age ${this.age}`)
    }
}

// 子类
class Student extends People {
    number
    private girlfriend // 定义private属性
    constructor(name, age, number) {
        super(name, age);
        this.number = number;
        this.girlfriend = 'xiaoli'
    }

    study() {
        alert(`${this.name} study`)
    }

    getWeight() {
        // 这个是在父类定义的,protected对自己,子类开放
        alert(`${this.weight} 斤`)
    }
}

// 实例
let xaioming = new Student('xiaoming', 10, 'A1');
xaioming.getWeight();
// girlfriend是私有的,不能调用
//xiaoming.girlfriend;

 

减少耦合,不该外露的不外露 利于数据,接口多权限管理 es6目前不支持,一般认为_开头多属性是private

标签:封装,name,age,number,private,alert,面向对象,girlfriend
来源: https://www.cnblogs.com/wzndkj/p/11706668.html